.block-web-design{--web-design-gutter: clamp(16px, 4vw, 48px);--tone: var(--wp--preset--color--yellow);margin-block:0;color:var(--wp--preset--color--ink)}.block-web-design :where([class*=web-design-]),.block-web-design :where([class*=web-design-]):before,.block-web-design :where([class*=web-design-]):after{box-sizing:border-box}.block-web-design>*{margin:0}.block-web-design :is(.web-design-screen-list,.web-design-proto-steps,.web-design-steps,.web-design-diagram-side,.web-design-grid,.web-design-transcript,.web-design-cycle,.web-design-devices)>li{margin:0}.web-design-band{padding-top:10%}@media only screen and (min-width: 1200px){.web-design-band{padding-top:100px}}@media only screen and (max-width: 600px){.web-design-band{padding-top:50px}}.web-design-band{padding-bottom:10%}@media only screen and (min-width: 1200px){.web-design-band{padding-bottom:100px}}@media only screen and (max-width: 600px){.web-design-band{padding-bottom:50px}}.web-design-band{position:relative;margin:0;transition:background-color .5s cubic-bezier(.22,1,.36,1),color .5s cubic-bezier(.22,1,.36,1),filter .6s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion: reduce){.web-design-band{transition:none}}.web-design-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,2.5vw,40px);width:min(1200px,calc(100% - var(--web-design-gutter) * 2));margin-inline:auto}.web-design-inner.is-stacked{grid-template-columns:minmax(0,1fr);align-items:start}@media only screen and (max-width: 900px){.web-design-inner{grid-template-columns:minmax(0,1fr)}}.web-design-copy>*{margin:0}.web-design-copy>*+*{margin-top:18px}.web-design-copy.is-wide{max-width:860px}.web-design-copy .is-style-eyebrow{margin-bottom:18px}.web-design-copy .web-design-title{margin:0}.web-design-copy .wp-block-list.is-style-pills li{font-size:clamp(16px,1.6vw,16px);text-transform:uppercase;line-height:1.6;font-weight:700;font-family:Oswald,Oswald Fallback,sans-serif;letter-spacing:1.5px;font-size:clamp(14px,1.4vw,14px);background-color:var(--wp--preset--color--mint);color:var(--wp--preset--color--ink);font-weight:400}.web-design-copy .wp-block-list.is-style-pills li:nth-child(4n+2){background-color:var(--wp--preset--color--lavender)}.web-design-copy .wp-block-list.is-style-pills li:nth-child(4n+3){background-color:var(--wp--preset--color--yellow)}.web-design-copy .wp-block-list.is-style-pills li:nth-child(4n+4){background-color:var(--wp--preset--color--green)}.web-design-small{font-size:clamp(16px,1.6vw,16px);color:var(--web-design-small, var(--wp--preset--color--slate));font-style:italic;line-height:1.6}.web-design-caption{font-size:clamp(16px,1.6vw,16px);margin-top:20px;color:var(--web-design-small, var(--wp--preset--color--slate));font-style:italic;line-height:1.5}.web-design-card{padding:18px 20px 20px;border:2px solid var(--wp--preset--color--ink);border-top:6px solid var(--tone);background-color:var(--wp--preset--color--white);color:var(--wp--preset--color--ink);list-style:none}.web-design-card h3,.web-design-card h4{font-size:clamp(20px,2vw,20px);margin:0 0 8px;font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:0;line-height:1.2}.web-design-card p{font-size:clamp(16px,1.6vw,16px);margin:0;line-height:1.55}.web-design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none}.web-design-quote{margin:24px 0 0;padding:4px 0 4px 18px;border-left:6px solid var(--wp--preset--color--orange)}.web-design-quote p{font-size:clamp(20px,2vw,20px);margin:0;font-style:italic;line-height:1.5}.web-design-proto{display:grid;justify-items:center;margin:0}@media (width < 900px){.web-design-proto{justify-items:start}}html:not(.js) .web-design-proto{display:none}.web-design-phone{width:min(300px,100%);border:12px solid var(--wp--preset--color--ink);border-top-width:10px;background-color:var(--wp--preset--color--white);box-shadow:10px 10px 0 var(--wp--preset--color--orange);color:var(--wp--preset--color--ink)}.web-design-phone-bar{font-size:clamp(12px,1.2vw,12px);display:flex;align-items:center;justify-content:space-between;margin:0;padding:2px 10px 6px;background-color:var(--wp--preset--color--ink);color:var(--wp--preset--color--white);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:.6px}.web-design-phone-bar .web-design-phone-notch{width:70px;height:10px;background-color:var(--wp--preset--color--ink)}.web-design-screens{display:grid;min-height:360px}.web-design-screen{display:grid;align-content:start;gap:14px;padding:18px 16px 20px}.web-design-screen[hidden]{display:none}.web-design-screen-head{font-size:clamp(24px,2.4vw,24px);margin:0;padding-bottom:10px;border-bottom:2px solid var(--wp--preset--color--ink);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;line-height:1.15}.web-design-screen-head:focus{outline:none}.web-design-screen-head:focus-visible{outline:3px solid var(--wp--preset--color--orange);outline-offset:3px}.web-design-screen-list{display:grid;gap:8px;margin:0;padding:0;list-style:none}.web-design-screen-row{font-size:clamp(17px,1.7vw,17px);display:grid;gap:2px;width:100%;min-height:56px;padding:9px 12px;border:2px solid var(--wp--preset--color--ink);border-left:8px solid var(--wp--preset--color--mint);border-radius:0;background-color:var(--wp--preset--color--white);color:var(--wp--preset--color--ink);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;text-align:left;cursor:pointer}.web-design-screen-row span{font-size:clamp(13px,1.3vw,13px);color:var(--wp--preset--color--slate);font-family:Lora,Lora Fallback,serif;font-weight:400}.web-design-screen-art{display:grid;place-items:center;height:120px;background-color:var(--wp--preset--color--lavender)}.web-design-screen-art img{width:72px;height:72px}.web-design-screen-body{font-size:clamp(16px,1.6vw,16px);margin:0;line-height:1.5}.web-design-screen-cta{font-size:clamp(16px,1.6vw,16px);min-height:48px;border:0;border-radius:0;background-color:var(--wp--preset--color--orange);color:var(--wp--preset--color--ink);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:1px;text-transform:uppercase;cursor:pointer}.web-design-screen-row,.web-design-screen-cta{touch-action:manipulation}.web-design-screen-row:focus-visible,.web-design-screen-cta:focus-visible{outline:3px solid var(--wp--preset--color--orange);outline-offset:3px}.web-design-proto-steps{font-size:clamp(16px,1.6vw,16px);display:flex;gap:18px;margin:18px 0 0;padding:0;list-style:none;font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.web-design-proto-steps li{display:flex}.web-design-proto-step{display:flex;align-items:flex-end;min-height:44px;padding:0 2px 3px;border:0;border-bottom:4px solid var(--wp--preset--color--stone);border-radius:0;background-color:transparent;color:var(--wp--preset--color--slate);font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;touch-action:manipulation}.web-design-proto-step:hover{border-bottom-color:var(--wp--preset--color--yellow);color:var(--wp--preset--color--ink)}.web-design-proto-step:focus-visible{outline:3px solid var(--wp--preset--color--orange);outline-offset:3px}.web-design-proto-step.is-current{border-bottom-color:var(--wp--preset--color--mint);color:var(--wp--preset--color--ink)}.web-design-routes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.web-design-routes .web-design-card:nth-child(2){--tone: var(--wp--preset--color--mint)}@media only screen and (max-width: 600px){.web-design-routes{grid-template-columns:minmax(0,1fr)}}.web-design-steps{font-size:clamp(16px,1.6vw,16px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:0;list-style:none;font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;line-height:1.25}.web-design-steps li{display:grid;align-content:start;gap:4px;padding-top:10px;border-top:3px solid var(--wp--preset--color--ink)}.web-design-steps .web-design-step-number{font-size:clamp(28px,2.8vw,28px);color:var(--wp--preset--color--teal);line-height:1}@media only screen and (max-width: 600px){.web-design-steps{grid-template-columns:minmax(0,1fr)}}.web-design-mood{margin:0}.web-design-mood .web-design-caption{margin-top:20px}.web-design-mood-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.web-design-mood-tile{position:relative;display:grid;place-items:center;aspect-ratio:1;border:2px solid var(--wp--preset--color--ink);background-color:var(--wp--preset--color--white);box-shadow:6px 6px 0 var(--wp--preset--color--ink)}.web-design-mood-tile.is-swatches{grid-template-columns:repeat(4,1fr);place-items:stretch;gap:0}.web-design-mood-tile.is-swatches span{display:block}.web-design-mood-tile.is-type{grid-template-columns:1fr 1fr;align-content:center;gap:0}.web-design-mood-tile.is-type .is-heading{font-size:clamp(40px,5vw,64px);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600}.web-design-mood-tile.is-type .is-body{font-size:clamp(40px,5vw,64px);font-family:Lora,Lora Fallback,serif}.web-design-mood-tile.is-type .web-design-mood-label{grid-column:1/-1}.web-design-mood-tile.is-art{background-color:var(--wp--preset--color--lavender)}.web-design-mood-tile.is-art img{width:58%;height:auto}.web-design-mood-tile.is-art+.is-art{background-color:var(--wp--preset--color--pale-mint)}.web-design-mood-tile.is-rainbow{width:266px;height:28px;background-image:url(../images/decorators/rainbow-horizontal.svg);background-position:center;background-size:266px 28px;background-repeat:no-repeat;width:auto;height:auto;background-color:var(--wp--preset--color--green);background-size:86% auto}.web-design-mood-tile.is-direction{align-content:center;justify-items:start;gap:6px;padding:14px;background-color:var(--wp--preset--color--navy);color:var(--wp--preset--color--white)}.web-design-mood-tile.is-direction strong{font-size:clamp(18px,2vw,24px);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;line-height:1.15}.web-design-mood-label{font-size:clamp(12px,1.2vw,12px);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.web-design-system{display:grid;gap:28px}.web-design-diagram{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:0 26px;margin:0}.web-design-diagram .web-design-caption{grid-column:1/-1}@media only screen and (max-width: 600px){.web-design-diagram{grid-template-columns:minmax(0,1fr);gap:22px}}.web-design-diagram-side{display:grid;gap:10px;margin:0;padding:0;list-style:none}.web-design-diagram-side li{font-size:clamp(16px,1.6vw,16px);position:relative;padding:10px 12px;border:2px solid var(--wp--preset--color--ink);background-color:var(--wp--preset--color--white);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;line-height:1.2}.web-design-diagram-side li:after{content:"";position:absolute;top:50%;width:26px;height:3px;background-color:var(--wp--preset--color--ink)}@media only screen and (max-width: 600px){.web-design-diagram-side li:after{display:none}}.web-design-diagram-side.is-left li{border-left:8px solid var(--wp--preset--color--mint)}.web-design-diagram-side.is-left li:after{left:100%}.web-design-diagram-side.is-right li{border-right:8px solid var(--wp--preset--color--purple)}.web-design-diagram-side.is-right li:after{right:100%}.web-design-diagram-core{display:grid;gap:8px;padding:22px 18px;background-color:var(--wp--preset--color--ink);box-shadow:8px 8px 0 var(--wp--preset--color--yellow);color:var(--wp--preset--color--white);text-align:center}.web-design-diagram-name{font-size:clamp(22px,2.2vw,22px);margin:0;font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;line-height:1.2}.web-design-diagram-flow{font-size:clamp(16px,1.6vw,16px);margin:0;color:var(--wp--preset--color--stone);line-height:1.4}.web-design-vitals-head{font-size:clamp(16px,1.6vw,16px);margin:0 0 12px;font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.web-design-vitals-list{display:grid;gap:12px;margin:0}@property --dial{syntax: "<number>"; inherits: true; initial-value: 1;}.web-design-vital{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px}.web-design-vital dt{font-size:clamp(16px,1.6vw,16px);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600}.web-design-vital dd{font-size:clamp(16px,1.6vw,16px);margin:0}.web-design-vital .web-design-vital-bar{position:relative;display:grid;grid-column:1/-1;grid-template-columns:calc(var(--mark) * var(--dial)) 30% 1fr;height:12px;border:2px solid var(--wp--preset--color--ink)}.web-design-vital .web-design-vital-bar span:nth-child(1){background-color:var(--wp--preset--color--green)}.web-design-vital .web-design-vital-bar span:nth-child(2){background-color:var(--wp--preset--color--yellow)}.web-design-vital .web-design-vital-bar span:nth-child(3){background-color:var(--wp--preset--color--orange)}.web-design-vital .web-design-vital-bar:after{content:"";position:absolute;top:-6px;bottom:-6px;left:calc(var(--mark) * var(--dial));width:3px;margin-left:-1.5px;background-color:var(--wp--preset--color--ink)}.web-design-compliance{--web-design-small: var(--wp--preset--color--stone);--tone: var(--wp--preset--color--mint)}.web-design-compliance .is-style-eyebrow{color:var(--wp--preset--color--mint)}.web-design-halves{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,72px);margin-top:20px}@media only screen and (max-width: 1100px){.web-design-halves{grid-template-columns:minmax(0,1fr)}}.web-design-half>*{margin:0}.web-design-half>*+*{margin-top:16px}.web-design-half .web-design-grid{grid-template-columns:minmax(0,1fr);gap:12px}.web-design-half .web-design-card{padding:14px 16px 16px}.web-design-half-title{font-size:clamp(26px,2.6vw,26px);padding-bottom:10px;border-bottom:3px solid var(--wp--preset--color--mint);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600}.web-design-bench{display:grid;gap:16px}.web-design-devices-wrap{container:web-design-bench/inline-size;display:grid}.web-design-devices{display:grid;grid-area:1/1;grid-template-columns:minmax(0,2.3fr) minmax(0,1.25fr) minmax(0,.72fr);align-items:end;gap:clamp(10px,2vw,22px);margin:0;padding:0;list-style:none}.web-design-device{display:grid;gap:8px;min-width:0}.web-design-device-frame{position:relative;display:block;border:8px solid var(--wp--preset--color--ink);background-color:var(--wp--preset--color--ink);box-shadow:6px 6px 0 var(--wp--preset--color--mint)}.is-laptop .web-design-device-frame{aspect-ratio:16/10;margin-bottom:10px}.is-laptop .web-design-device-frame:after{content:"";position:absolute;top:100%;right:-14%;left:-14%;height:10px;margin-top:8px;background-color:var(--wp--preset--color--ink)}.is-tablet .web-design-device-frame{aspect-ratio:3/4;border-width:12px 10px}.is-phone .web-design-device-frame{aspect-ratio:9/18;border-width:14px 6px}.web-design-device-glass{container:web-design-screen/inline-size;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-color:var(--wp--preset--color--paper)}.web-design-device-label{font-size:clamp(13px,1.3vw,13px);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:1px;text-transform:uppercase}.web-design-strip-nav{display:none}@container web-design-bench (max-width: 420px){.web-design-devices{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.web-design-devices .web-design-device{flex:0 0 100%;justify-items:center;scroll-snap-align:center}.web-design-devices .web-design-device-frame{width:auto;height:176px}.web-design-devices .is-laptop .web-design-device-frame{width:min(calc(100% - 112px),290px);height:auto}.web-design-strip-nav{display:flex;grid-area:1/1;z-index:2;align-self:center;justify-content:space-between;margin-top:-20px;pointer-events:none}html:not(.js) .web-design-strip-nav{display:none}}.web-design-strip-button{font-size:clamp(22px,2.2vw,22px);width:44px;height:44px;padding:0;border:2px solid var(--wp--preset--color--ink);border-radius:0;background-color:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink);cursor:pointer;pointer-events:auto;touch-action:manipulation}.web-design-strip-button:focus-visible{outline:3px solid var(--wp--preset--color--orange);outline-offset:3px}.web-design-site{position:relative;display:flex;flex-direction:column;gap:3.2cqi;height:100%;padding:4cqi 5cqi;background-color:var(--wp--preset--color--paper);color:var(--wp--preset--color--ink);font-family:Lora,Lora Fallback,serif;font-size:4.2cqi;line-height:1.25}.web-design-site>*{position:relative;flex:0 0 auto}.web-design-site-skip{display:none;align-self:start;padding:.6em 1em;background-color:var(--wp--preset--color--ink);color:var(--wp--preset--color--white);font-family:Oswald,Oswald Fallback,sans-serif;font-size:85%}.web-design-site-nav{display:flex;align-items:center;gap:1em;font-family:Oswald,Oswald Fallback,sans-serif;font-size:85%;font-weight:600}.web-design-site-nav>span{position:relative}.web-design-site-nav .web-design-site-logo{width:1.6em;height:1.6em;margin-right:auto;background-color:var(--wp--preset--color--orange)}.web-design-site-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:center;gap:4cqi}@container web-design-screen (max-width: 240px){.web-design-site-hero{grid-template-columns:minmax(0,1fr)}}.web-design-site-text{display:grid;justify-items:start;gap:3cqi}.web-design-site-text>span{position:relative}.web-design-site-title{font-family:Oswald,Oswald Fallback,sans-serif;font-size:210%;font-weight:600;letter-spacing:0;line-height:.98;text-transform:uppercase}.web-design-site-button{padding:.5em .9em .4em;background-color:var(--wp--preset--color--orange);color:var(--wp--preset--color--ink);font-family:Oswald,Oswald Fallback,sans-serif;font-size:85%;font-weight:600;text-transform:uppercase}.web-design-site-art{position:relative;display:grid;place-items:center;aspect-ratio:4/3;border:.2em solid var(--wp--preset--color--ink);background-color:var(--wp--preset--color--yellow)}.web-design-site-art img{width:45%;height:auto}.web-design-site-list{display:grid;gap:1.6cqi}.web-design-site-row{position:relative;display:flex;justify-content:space-between;gap:1em;padding:.5em .7em;border:.15em solid var(--wp--preset--color--ink);border-left:.5em solid var(--wp--preset--color--yellow);background-color:var(--wp--preset--color--white);color:var(--wp--preset--color--ink);font-size:90%}.web-design-site-row b{font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600}.web-design-site-search{padding:.5em .8em;border:.15em solid var(--wp--preset--color--ink);background-color:var(--wp--preset--color--white);color:var(--wp--preset--color--slate);font-size:90%}.web-design-site-banner{position:absolute;right:0;bottom:0;left:0;z-index:2;display:none;padding:.8em 1em;border-top:.3em solid var(--wp--preset--color--orange);background-color:var(--wp--preset--color--ink);color:var(--wp--preset--color--white);font-size:85%;line-height:1.3}.is-phone .web-design-site-banner{font-size:120%}.web-design-bench:has(.web-design-switch input[value=reader]:checked) .web-design-site-skip{display:block}.web-design-bench:has(.web-design-switch input[value=reader]:checked) [data-order]:before{content:attr(data-order);position:absolute;z-index:5;top:-.6em;left:-.6em;display:grid;place-items:center;width:1.7em;height:1.7em;border:.12em solid var(--wp--preset--color--ink);border-radius:50%;background-color:var(--wp--preset--color--orange);color:var(--wp--preset--color--ink);font-family:Oswald,Oswald Fallback,sans-serif;font-size:3.4cqi;font-style:normal;font-weight:700;line-height:1}.web-design-bench:has(.web-design-switch input[value=reader]:checked) .is-phone [data-order]:before{font-size:5cqi}.web-design-bench:has(.web-design-switch input[value=zoom]:checked) .web-design-site{font-size:8.4cqi}.web-design-bench:has(.web-design-switch input[value=keyboard]:checked) .web-design-site-skip{display:block}.web-design-bench:has(.web-design-switch input[value=keyboard]:checked) .is-tab{outline:.3em solid var(--wp--preset--color--orange);outline-offset:.15em}.web-design-bench:has(.web-design-switch input[value=color]:checked) .web-design-device-glass{filter:url(#web-design-deuteranopia)}.web-design-bench:has(.web-design-chip input[value=eu]:checked) [data-banner=eu],.web-design-bench:has(.web-design-chip input[value=ca]:checked) [data-banner=ca],.web-design-bench:has(.web-design-chip input[value=us]:checked) [data-banner=us],.web-design-bench:has(.web-design-chip input[value=cn]:checked) [data-banner=cn]{display:block}.web-design-filters{position:absolute;width:0;height:0;overflow:hidden}.web-design-bench-toggles{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px}.web-design-switch{font-size:clamp(14px,1.4vw,14px);display:inline-flex;align-items:center;gap:12px;min-height:44px;font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:1px;line-height:1.2;text-transform:uppercase;cursor:pointer;touch-action:manipulation}.web-design-switch input{position:absolute;width:1px;height:1px;margin:0;opacity:0}.web-design-switch .web-design-switch-track{position:relative;flex:0 0 auto;width:48px;height:28px;border:2px solid currentColor;background-color:var(--wp--preset--color--navy);transition:background-color .2s ease-in-out}.web-design-switch .web-design-switch-track:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;background-color:currentColor;transition:transform .25s cubic-bezier(.22,1,.36,1)}@media (prefers-reduced-motion: reduce){.web-design-switch .web-design-switch-track{transition:none}.web-design-switch .web-design-switch-track:after{transition:none}}.web-design-switch input:checked+.web-design-switch-track{border-color:var(--wp--preset--color--mint);background-color:var(--wp--preset--color--mint)}.web-design-switch input:checked+.web-design-switch-track:after{background-color:var(--wp--preset--color--ink);transform:translate(20px)}.web-design-switch input:focus-visible+.web-design-switch-track{outline:3px solid var(--wp--preset--color--orange);outline-offset:3px}.web-design-bench-tab{font-size:clamp(13px,1.3vw,13px);min-height:44px;padding:0 14px;border:1px solid currentColor;border-radius:0;background-color:transparent;color:inherit;font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;touch-action:manipulation}.web-design-bench-tab:hover,.web-design-bench-tab:focus-visible{background-color:var(--wp--preset--color--yellow);color:var(--wp--preset--color--ink)}.web-design-bench-tab:focus-visible{outline:3px solid var(--wp--preset--color--orange);outline-offset:3px}html:not(.js) .web-design-bench-tab{display:none}.web-design-chips{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;border:0}.web-design-chips-legend{font-size:clamp(14px,1.4vw,14px);float:left;margin-right:6px;padding:0;font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:1.2px;text-transform:uppercase}.web-design-chip{font-size:clamp(14px,1.4vw,14px);position:relative;display:inline-flex;align-items:center;min-height:44px;padding:9px 14px 6px;border:1px solid var(--wp--preset--color--white);border-bottom:5px solid var(--wp--preset--color--slate);background-color:var(--wp--preset--color--navy);color:var(--wp--preset--color--white);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:500;letter-spacing:.6px;line-height:1.2;text-transform:uppercase;cursor:pointer;touch-action:manipulation;transition:border-color .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out}.web-design-chip input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.web-design-chip:hover{border-bottom-color:var(--wp--preset--color--yellow)}.web-design-chip:has(input:checked){border-bottom-color:var(--wp--preset--color--mint);background-color:var(--wp--preset--color--white);color:var(--wp--preset--color--ink)}.web-design-chip:has(input:focus-visible){outline:3px solid var(--wp--preset--color--orange);outline-offset:3px}@media (prefers-reduced-motion: reduce){.web-design-chip{transition:none}}.web-design-bench-caption{font-size:clamp(16px,1.6vw,16px);display:grid;gap:8px;padding:12px 16px 14px;border:2px solid var(--wp--preset--color--ink);border-left:8px solid var(--wp--preset--color--mint);background-color:var(--wp--preset--color--white);color:var(--wp--preset--color--ink);line-height:1.5}.web-design-bench-caption [data-caption]{display:none;margin:0}.web-design-bench-caption [data-caption] p{margin:0}.web-design-bench-caption-head{font-size:clamp(17px,1.7vw,17px);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600}.web-design-transcript{font-size:clamp(16px,1.6vw,16px);display:grid;gap:2px;margin:4px 0 0;padding-left:22px}.web-design-bench:has(.web-design-switch input[value=reader]:checked) [data-caption=reader],.web-design-bench:has(.web-design-switch input[value=zoom]:checked) [data-caption=zoom],.web-design-bench:has(.web-design-switch input[value=keyboard]:checked) [data-caption=keyboard],.web-design-bench:has(.web-design-switch input[value=color]:checked) [data-caption=color],.web-design-bench:has(.web-design-chip input[value=eu]:checked) [data-caption=eu],.web-design-bench:has(.web-design-chip input[value=ca]:checked) [data-caption=ca],.web-design-bench:has(.web-design-chip input[value=us]:checked) [data-caption=us],.web-design-bench:has(.web-design-chip input[value=cn]:checked) [data-caption=cn],.web-design-bench:not(:has(.web-design-switch input:checked)):has(.web-design-chip input[value=none]:checked) [data-caption=idle]{display:block}.web-design-tiers{display:grid;gap:28px;margin-top:18px}.web-design-tier-picker{margin:0;padding:0;border:0}.web-design-tier-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media only screen and (max-width: 1000px){.web-design-tier-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (max-width: 520px){.web-design-tier-cards{grid-template-columns:minmax(0,1fr)}}.web-design-tier{position:relative;display:grid;grid-template-rows:auto auto 1fr auto;gap:10px;padding:18px 18px 20px;border:2px solid var(--wp--preset--color--ink);border-top:8px solid var(--wp--preset--color--stone);background-color:var(--wp--preset--color--white);color:var(--wp--preset--color--ink);cursor:pointer;touch-action:manipulation}.web-design-tier input{position:absolute;width:1px;height:1px;opacity:0}.web-design-tier:has(input:checked){border-top-color:var(--wp--preset--color--purple);box-shadow:8px 8px 0 var(--wp--preset--color--purple)}.web-design-tier:has(input:focus-visible){outline:3px solid var(--wp--preset--color--orange);outline-offset:3px}.web-design-tier-name{font-size:clamp(22px,2.2vw,22px);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600}.web-design-tier-text{font-size:clamp(16px,1.6vw,16px);line-height:1.5}.web-design-tier-who{font-size:clamp(16px,1.6vw,16px);color:var(--wp--preset--color--slate);font-style:italic;line-height:1.45}.web-design-cost{display:grid;gap:6px;margin-top:4px}.web-design-cost .web-design-cost-label{font-size:clamp(16px,1.6vw,16px);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:1px;line-height:1.3;text-transform:uppercase}.web-design-cost .web-design-cost-blocks{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.web-design-cost .web-design-cost-blocks i{height:12px;border:2px solid var(--wp--preset--color--ink)}.web-design-cost[data-cost="1"] i:nth-child(-n+1),.web-design-cost[data-cost="2"] i:nth-child(-n+2),.web-design-cost[data-cost="3"] i:nth-child(-n+3),.web-design-cost[data-cost="4"] i:nth-child(-n+4){background-color:var(--wp--preset--color--purple)}.web-design-table-wrap{overflow-x:auto}.web-design-table{font-size:clamp(16px,1.6vw,16px);width:100%;border-collapse:collapse;background-color:var(--wp--preset--color--white);line-height:1.45}.web-design-table th,.web-design-table td{padding:10px 12px;border:2px solid var(--wp--preset--color--ink);text-align:left;vertical-align:top}.web-design-table thead th{font-size:clamp(16px,1.6vw,16px);background-color:var(--wp--preset--color--ink);color:var(--wp--preset--color--white);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:.6px}.web-design-table tbody th{font-size:clamp(16px,1.6vw,16px);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;letter-spacing:1px;text-transform:uppercase}.web-design-tiers:has([value=full]:checked) [data-col=full],.web-design-tiers:has([value=focused]:checked) [data-col=focused],.web-design-tiers:has([value=shelf]:checked) [data-col=shelf],.web-design-tiers:has([value=order]:checked) [data-col=order]{background-color:var(--wp--preset--color--lavender);font-weight:600}.web-design-tiers:has([value=full]:checked) thead [data-col=full],.web-design-tiers:has([value=focused]:checked) thead [data-col=focused],.web-design-tiers:has([value=shelf]:checked) thead [data-col=shelf],.web-design-tiers:has([value=order]:checked) thead [data-col=order]{background-color:var(--wp--preset--color--purple)}@media only screen and (max-width: 700px){.web-design-tiers:has([value=full]:checked) [data-col]:not([data-col=full]),.web-design-tiers:has([value=focused]:checked) [data-col]:not([data-col=focused]),.web-design-tiers:has([value=shelf]:checked) [data-col]:not([data-col=shelf]),.web-design-tiers:has([value=order]:checked) [data-col]:not([data-col=order]){display:none}}.web-design-care{display:grid;gap:36px;margin-top:18px}.web-design-care-group{--tone: var(--wp--preset--color--orange)}.web-design-care-group>*{margin:0}.web-design-care-group>*+*{margin-top:14px}.web-design-care-title{font-size:clamp(26px,2.6vw,26px);font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600}.web-design-care-lead{font-size:clamp(18px,1.8vw,18px)}.web-design-cycle-lead{max-width:50%}@media only screen and (max-width: 700px){.web-design-cycle-lead{max-width:none}}.web-design-cycle{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;padding:0;list-style:none}.web-design-cycle:before{content:"";position:absolute;top:12px;right:calc(25% - 27.5px);left:17px;height:10px;border-block:3px solid var(--wp--preset--color--ink);background-color:var(--wp--preset--color--yellow)}@media only screen and (max-width: 700px){.web-design-cycle:before{top:12px;right:auto;bottom:12px;left:12px;width:10px;height:auto;border-block:0;border-inline:3px solid var(--wp--preset--color--ink)}}.web-design-cycle li{font-size:clamp(16px,1.6vw,16px);position:relative;display:grid;justify-items:start;gap:10px;font-family:Oswald,Oswald Fallback,sans-serif;font-weight:600;line-height:1.25;text-align:left}@media only screen and (max-width: 700px){.web-design-cycle li{grid-template-columns:34px minmax(0,1fr);align-items:center;justify-items:start;text-align:left}}@media only screen and (max-width: 700px){.web-design-cycle{grid-template-columns:minmax(0,1fr)}}.web-design-cycle-station{position:relative;z-index:1;width:34px;height:34px;border:6px solid var(--wp--preset--color--ink);border-radius:50%;background-color:var(--wp--preset--color--paper)}.web-design-band:not([data-fidelity="0"],[data-fidelity="1"]) .web-design-card,.web-design-band:not([data-fidelity="0"],[data-fidelity="1"]) .web-design-tier,.web-design-band:not([data-fidelity="0"],[data-fidelity="1"]) .web-design-mood-tile{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}.web-design-band:not([data-fidelity="0"],[data-fidelity="1"]) .web-design-card:hover,.web-design-band:not([data-fidelity="0"],[data-fidelity="1"]) .web-design-tier:hover{transform:translate(-3px,-3px)}.web-design-band:not([data-fidelity="0"],[data-fidelity="1"]) .web-design-mood-tile:hover{box-shadow:9px 9px 0 var(--wp--preset--color--ink);transform:translate(-3px,-3px)}.web-design-band:not([data-fidelity="0"],[data-fidelity="1"]) .web-design-diagram-side li:after{background:repeating-linear-gradient(90deg,var(--wp--preset--color--ink) 0 8px,var(--wp--preset--color--yellow) 8px 14px) 0 0/28px 100%;animation:web-design-signal .7s linear infinite}.web-design-band:not([data-fidelity="0"],[data-fidelity="1"]) .web-design-diagram-side.is-right li:after{animation-direction:reverse}@media (prefers-reduced-motion: reduce){.web-design-band:not([data-fidelity="0"],[data-fidelity="1"]) .web-design-card,.web-design-band:not([data-fidelity="0"],[data-fidelity="1"]) .web-design-tier,.web-design-band:not([data-fidelity="0"],[data-fidelity="1"]) .web-design-mood-tile{transition:none}.web-design-band:not([data-fidelity="0"],[data-fidelity="1"]) .web-design-diagram-side li:after{animation:none}}@keyframes web-design-signal{to{background-position:28px 0}}.web-design-band:is([data-fidelity="0"],[data-fidelity="1"]){filter:grayscale(1)}.web-design-band[data-fidelity="0"]{--web-design-small: var(--wp--preset--color--slate);border-top:2px dashed var(--wp--preset--color--placeholder);background-color:var(--wp--preset--color--white)!important;color:var(--wp--preset--color--slate)!important}.web-design-band[data-fidelity="0"] .has-yellow-color,.web-design-band[data-fidelity="0"] .is-style-eyebrow{color:inherit!important}.web-design-band[data-fidelity="0"] *,.web-design-band[data-fidelity="0"] *:before,.web-design-band[data-fidelity="0"] *:after{box-shadow:none!important}.web-design-band[data-fidelity="0"] [data-wire]{outline:1.5px dashed var(--wp--preset--color--slate);outline-offset:6px}.web-design-band[data-fidelity="0"] [data-wire]:before{font-size:clamp(10px,1vw,10px);content:attr(data-wire);content:attr(data-wire) / "";position:absolute;z-index:3;top:-8px;left:-7px;padding:1px 6px;background-color:var(--wp--preset--color--stone);color:var(--wp--preset--color--slate);font-family:Oswald,Oswald Fallback,sans-serif;font-style:normal;font-weight:600;letter-spacing:1px;line-height:1.4;text-transform:uppercase;white-space:nowrap;pointer-events:none;transform:translateY(-100%)}.web-design-band[data-fidelity="0"] [data-wire]{position:relative}.web-design-band[data-fidelity="0"].web-design-deployment [data-wire]:before{font-size:clamp(16px,1.6vw,16px)}.web-design-band[data-fidelity="0"] .web-design-copy>*+*,.web-design-band[data-fidelity="0"] .web-design-half>*+*{margin-top:34px}.web-design-band[data-fidelity="0"] .web-design-system,.web-design-band[data-fidelity="0"] .web-design-bench{gap:40px}.web-design-band[data-fidelity="0"] .web-design-tiers,.web-design-band[data-fidelity="0"] .web-design-halves,.web-design-band[data-fidelity="0"] .web-design-care{margin-top:40px}.web-design-band[data-fidelity="0"] .web-design-routes,.web-design-band[data-fidelity="0"] .web-design-tier-cards,.web-design-band[data-fidelity="0"] .web-design-care .web-design-grid{row-gap:40px}.web-design-band[data-fidelity="0"] :is(.web-design-card,.web-design-tier,.web-design-phone,.web-design-mood-tile,.web-design-diagram-side li,.web-design-diagram-core,.web-design-table,.web-design-table th,.web-design-table td,.web-design-screen-row,.web-design-quote,.web-design-bench-caption,.web-design-device-frame,.web-design-device-glass,.web-design-site,.web-design-site-row,.web-design-site-search,.web-design-site-art,.web-design-site-banner){border-color:var(--wp--preset--color--placeholder)!important;background:var(--wp--preset--color--white)!important;color:var(--wp--preset--color--slate)!important}.web-design-band[data-fidelity="0"] :is(.web-design-phone-bar,.web-design-screen-cta,.web-design-cost-blocks i,.web-design-vital-bar span,.wp-block-button__link,.web-design-site-button,.web-design-site-logo,.web-design-site-skip,.web-design-switch-track,.web-design-chip,.web-design-bench-tab,.web-design-strip-button,.is-style-pills li){border-color:var(--wp--preset--color--placeholder)!important;background:var(--wp--preset--color--white)!important;color:var(--wp--preset--color--slate)!important}.web-design-band[data-fidelity="0"] :is(.web-design-phone-bar,.web-design-screen-cta,.web-design-vital-bar span,.wp-block-button__link,.web-design-site-button,.web-design-site-logo,.web-design-site-skip,.is-style-pills li):not(:focus-visible){outline:2px solid var(--wp--preset--color--placeholder);outline-offset:-2px}.web-design-band[data-fidelity="0"] .web-design-switch-track:after{background-color:var(--wp--preset--color--placeholder)!important}.web-design-band[data-fidelity="0"] .web-design-cycle:before,.web-design-band[data-fidelity="0"] .web-design-diagram-side li:after,.web-design-band[data-fidelity="0"] .web-design-device-frame:after{border-color:var(--wp--preset--color--placeholder)!important;background:var(--wp--preset--color--placeholder)!important;animation:none!important}.web-design-band[data-fidelity="0"] :is(.web-design-cycle-station,.web-design-half-title,.web-design-steps li,.web-design-screen-head,.web-design-proto-step){border-color:var(--wp--preset--color--placeholder)!important}.web-design-band[data-fidelity="0"] :is(.web-design-step-number,.web-design-diagram-flow,.web-design-tier-who,.web-design-small,.web-design-caption,.web-design-screen-row span){color:var(--wp--preset--color--slate)!important}.web-design-band[data-fidelity="0"] .web-design-art{border:1.5px solid var(--wp--preset--color--placeholder)!important;background:var(--wp--preset--color--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M0 0L100 100M100 0L0 100' fill='none' stroke='%23d8d8d5' stroke-width='1.5' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat!important}.web-design-band[data-fidelity="0"] .web-design-art>img{visibility:hidden}.web-design-band[data-fidelity="0"] .web-design-chip:has(input:checked){border-bottom:5px solid var(--wp--preset--color--slate)!important;color:var(--wp--preset--color--ink)!important}.web-design-band[data-fidelity="0"] .web-design-tier:has(input:checked){border-top:8px solid var(--wp--preset--color--slate)!important}.web-design-band[data-fidelity="0"] .web-design-proto-step.is-current{border-color:var(--wp--preset--color--slate)!important;color:var(--wp--preset--color--ink)}.web-design-band[data-fidelity="0"] .web-design-tiers:has([value=full]:checked) [data-col=full],.web-design-band[data-fidelity="0"] .web-design-tiers:has([value=focused]:checked) [data-col=focused],.web-design-band[data-fidelity="0"] .web-design-tiers:has([value=shelf]:checked) [data-col=shelf],.web-design-band[data-fidelity="0"] .web-design-tiers:has([value=order]:checked) [data-col=order]{background:var(--wp--preset--color--stone)!important;color:var(--wp--preset--color--ink)!important}.block-web-design.is-staged{--web-design-step: 50svh;overflow-anchor:none}.block-web-design.is-staged .web-design-band{padding-top:0}.block-web-design.is-staged .web-design-band:after{content:"";display:block;height:calc(var(--web-design-step) * 3)}.block-web-design.is-staged .web-design-band:not([data-fidelity="0"]){border-top:2px solid transparent}.block-web-design.is-staged .web-design-inner{padding-top:10%}@media only screen and (min-width: 1200px){.block-web-design.is-staged .web-design-inner{padding-top:100px}}@media only screen and (max-width: 600px){.block-web-design.is-staged .web-design-inner{padding-top:50px}}.block-web-design.is-staged .web-design-inner{position:sticky;top:var(--wpx-admin-bar-height, 0px)}.block-web-design.is-staged :is([data-scroll-step="1"],[data-scroll-step="2"]) :is(.web-design-copy,.web-design-half)>*+*,.block-web-design.is-staged :is([data-scroll-step="1"],[data-scroll-step="2"]) .web-design-tiers,.block-web-design.is-staged :is([data-scroll-step="1"],[data-scroll-step="2"]) .web-design-halves,.block-web-design.is-staged :is([data-scroll-step="1"],[data-scroll-step="2"]) .web-design-care,.block-web-design.is-staged :is([data-scroll-step="1"],[data-scroll-step="2"]) .web-design-system,.block-web-design.is-staged :is([data-scroll-step="1"],[data-scroll-step="2"]) .web-design-bench,.block-web-design.is-staged :is([data-scroll-step="1"],[data-scroll-step="2"]) .web-design-routes,.block-web-design.is-staged :is([data-scroll-step="1"],[data-scroll-step="2"]) .web-design-tier-cards,.block-web-design.is-staged :is([data-scroll-step="1"],[data-scroll-step="2"]) .web-design-care .web-design-grid{transition:margin-top .5s cubic-bezier(.22,1,.36,1),row-gap .5s cubic-bezier(.22,1,.36,1)}.block-web-design.is-staged{--web-design-stagger: .11s}.block-web-design.is-staged [data-scroll-step] [data-reveal]{--web-design-delay: calc(var(--order, 0) * var(--web-design-stagger));transition:opacity .6s cubic-bezier(.22,1,.36,1) var(--web-design-delay),translate .6s cubic-bezier(.22,1,.36,1) var(--web-design-delay),scale .6s cubic-bezier(.22,1,.36,1) var(--web-design-delay),transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s cubic-bezier(.22,1,.36,1)}.block-web-design.is-staged [data-scroll-step="0"] [data-reveal],.block-web-design.is-staged [data-scroll-step="1"] [data-reveal]:not([data-reveal="1"]),.block-web-design.is-staged [data-scroll-step="2"] [data-reveal="3"]{--web-design-delay: calc(max(0, var(--web-design-last, 0) - var(--order, 0)) * var(--web-design-stagger));opacity:0;translate:var(--web-design-shift, 0 -36px);scale:var(--web-design-scale, 1);pointer-events:none;transition-timing-function:cubic-bezier(.64,0,.78,0)}.block-web-design.is-staged .web-design-routes{--web-design-shift: -36px 0}.block-web-design.is-staged .web-design-mood-grid{--web-design-shift: 0 0;--web-design-scale: .82;--web-design-stagger: .15s;--web-design-last: 5}.block-web-design.is-staged .web-design-mood-grid>:nth-child(2){--order: 1}.block-web-design.is-staged .web-design-mood-grid>:nth-child(3){--order: 2}.block-web-design.is-staged .web-design-mood-grid>:nth-child(4){--order: 3}.block-web-design.is-staged .web-design-mood-grid>:nth-child(5){--order: 4}.block-web-design.is-staged .web-design-mood-grid>:nth-child(6){--order: 5}.block-web-design.is-staged .web-design-mood .web-design-caption{--web-design-shift: 0 0}.block-web-design.is-staged [data-scroll-step="3"] .web-design-mood .web-design-caption{--web-design-delay: 1.35s }.block-web-design.is-staged .web-design-diagram-side{--web-design-stagger: 90ms;--web-design-last: 5}.block-web-design.is-staged .web-design-diagram-side.is-left>:nth-child(1){--order: 0}.block-web-design.is-staged .web-design-diagram-side.is-right>:nth-child(1){--order: 1}.block-web-design.is-staged .web-design-diagram-side.is-left>:nth-child(2){--order: 2}.block-web-design.is-staged .web-design-diagram-side.is-right>:nth-child(2){--order: 3}.block-web-design.is-staged .web-design-diagram-side.is-left>:nth-child(3){--order: 4}.block-web-design.is-staged .web-design-diagram-side.is-right>:nth-child(3){--order: 5}.block-web-design.is-staged .web-design-diagram-side li:after{transition:scale .45s cubic-bezier(.22,1,.36,1) .3s}.block-web-design.is-staged .web-design-diagram-side.is-left li:after{transform-origin:right center}.block-web-design.is-staged .web-design-diagram-side.is-right li:after{transform-origin:left center}.block-web-design.is-staged .web-design-diagram-core{--web-design-shift: 0 0;--web-design-scale: .82}.block-web-design.is-staged :is([data-scroll-step="0"],[data-scroll-step="1"]) .web-design-diagram-side li:after{scale:0 1;transition-delay:0s}.block-web-design.is-staged .web-design-vital-bar{transition:--dial 1.2s cubic-bezier(.22,1,.36,1)}.block-web-design.is-staged .web-design-vital:nth-child(2) .web-design-vital-bar{transition-delay:.15s}.block-web-design.is-staged .web-design-vital:nth-child(3) .web-design-vital-bar{transition-delay:.3s}.block-web-design.is-staged :is([data-scroll-step="0"],[data-scroll-step="1"],[data-scroll-step="2"]) .web-design-vital-bar{--dial: 0;transition-delay:0s}.block-web-design.is-staged .web-design-half .web-design-grid{--web-design-shift: -36px 0;--web-design-stagger: .16s;--web-design-last: 2}.block-web-design.is-staged .web-design-half .web-design-grid>:nth-child(2){--order: 1}.block-web-design.is-staged .web-design-half .web-design-grid>:nth-child(3){--order: 2}.block-web-design.is-staged .web-design-devices{--web-design-stagger: .14s;--web-design-last: 2}.block-web-design.is-staged .web-design-devices>:nth-child(2){--order: 1}.block-web-design.is-staged .web-design-devices>:nth-child(3){--order: 2}.block-web-design.is-staged .web-design-bench-toggles,.block-web-design.is-staged .web-design-bench-caption{--web-design-shift: 0 0;--web-design-last: 1}.block-web-design.is-staged .web-design-bench-caption{--order: 1}.block-web-design.is-staged .web-design-tiers [data-reveal="3"]{--web-design-last: 2}.block-web-design.is-staged .web-design-table-wrap{--web-design-shift: 0 0;--order: 2}.block-web-design.is-settling *,.block-web-design.is-settling *:before,.block-web-design.is-settling *:after{transition:none!important}