@property --dw-n{syntax:"<integer>";inherits:false;initial-value:0}@property --dw-a{syntax:"<angle>";inherits:true;initial-value:0deg}.dw{--ink:#121713;--lime:#cff63a;--sage:#c1cdc4;--sage-2:#9eaca2;--moss:#616a63;--paper:#e8e8e8;--fog:#cecece;--dw-in:1.5s;background:var(--ink);color:var(--fog)}.dw ::selection{background:var(--lime);color:var(--ink)}.dw-glyph{-webkit-mask:var(--src) center / contain no-repeat;-webkit-mask:var(--src) center / contain no-repeat;mask:var(--src) center / contain no-repeat;background-color:currentColor}.dw-outline{color:#0000;-webkit-text-stroke:1.5px var(--sage-2)}.dw-outline-num{-webkit-text-fill-color:transparent;-webkit-text-stroke:2px currentColor}.dw-pill{isolation:isolate;text-transform:uppercase;white-space:nowrap;transition:color .5s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;font-style:italic;font-weight:600;position:relative;overflow:hidden}.dw-pill:before{content:"";z-index:-1;border-radius:inherit;background:var(--fill);transition:transform .6s var(--ease-out);position:absolute;inset:-1px;transform:translateY(101%)}.dw-pill:hover:before,.dw-pill:focus-visible:before{transform:none}.dw-pill-label{translate:0 .1em}.dw-pill-ghost{--fill:var(--lime);color:var(--lime);box-shadow:inset 0 0 0 1.5px var(--lime)}.dw-pill-solid{--fill:var(--ink);background:var(--lime);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--lime)}.dw-pill-dark{--fill:var(--lime);background:var(--ink);color:var(--lime);box-shadow:inset 0 0 0 1.5px var(--ink)}.dw-pill-ghost:hover,.dw-pill-dark:hover{color:var(--ink)}.dw-pill-solid:hover{color:var(--lime)}.dw-intro{pointer-events:none;animation:dw-intro-out .9s var(--ease-io) 1.35s forwards}.dw-intro-mark{animation:dw-intro-mark 1.4s var(--ease-io) both}.dw-intro-count{counter-reset:dw-count var(--dw-n);animation:dw-count 1.25s var(--ease-out) 50ms forwards}.dw-intro-count:after{content:counter(dw-count) "%"}.dw-hero{--q:min(1, calc(var(--p) * 2))}.dw-hero-fade{opacity:calc(1 - var(--q) * 2.5)}.dw-enter{animation:dw-enter 1.1s var(--ease-out) backwards;animation-delay:calc(var(--dw-in) + var(--d,0) * 90ms)}.dw-hero-video{transform:translate(-50%, -50%) scale(calc(1 + var(--q) * 2.2))}.dw-title{letter-spacing:-.045em;white-space:nowrap;color:#fbfffa;padding-top:.06em;font-size:27.027cqi;font-weight:600;line-height:.8}@media (min-width:768px){.dw-title{font-size:16.9492cqi}}.dw-title-blend{mix-blend-mode:difference}.dw-letter{transform:translate3d(calc(var(--q) * var(--x) * 1vw), calc(var(--q) * var(--y) * 1svh), 0) rotate(calc(var(--q) * var(--r) * 1deg));opacity:calc(1 - var(--q) * 1.1);display:inline-block}.dw-letter-in{transition:color .3s, transform .6s var(--ease-out);animation:dw-rise 1.3s var(--ease-out) backwards;animation-delay:calc(var(--dw-in) + var(--i) * 55ms);display:inline-block}.dw-letter-in.is-hot{color:#e1ff4d;font-style:italic;transform:translateY(-.06em)}.dw-select{border:1px solid var(--lime);opacity:calc(1 - var(--q) * 4);animation:dw-draw 1s var(--ease-io) backwards;animation-delay:calc(var(--dw-in) + .75s)}.dw-handle{background:var(--ink);border:1px solid var(--lime);width:9px;height:9px;position:absolute;translate:-50% -50%}.dw-handle-tl{top:0;left:0}.dw-handle-tc{top:0;left:50%}.dw-handle-tr{top:0;left:100%}.dw-handle-ml{top:50%;left:0}.dw-handle-mr{top:50%;left:100%}.dw-handle-bl{top:100%;left:0}.dw-handle-bc{top:100%;left:50%}.dw-handle-br{top:100%;left:100%}.dw-ruler{background-color:var(--ink);background-repeat:repeat-x,repeat-x}.dw-ruler-x{background-image:repeating-linear-gradient(90deg,#9eaca266 0 1px,#0000 1px 10px),repeating-linear-gradient(90deg,#9eaca2bf 0 1px,#0000 1px 100px);background-position:0 100%,0 100%;background-size:100% 4px,100% 9px;border-bottom:1px solid #9eaca240}.dw-ruler-y{background-image:repeating-linear-gradient(#9eaca266 0 1px,#0000 1px 10px),repeating-linear-gradient(#9eaca2bf 0 1px,#0000 1px 100px);background-position:100% 0,100% 0;background-repeat:repeat-y,repeat-y;background-size:4px 100%,9px 100%;border-right:1px solid #9eaca240}.dw-hl{background:linear-gradient(var(--lime), var(--lime)) no-repeat 0 94% / 100% .09em;animation:dw-underline 1s var(--ease-out) backwards;animation-delay:calc(var(--dw-in) + 1.1s)}.dw-badge-ring{animation:18s linear infinite dt-spin}.dw-badge-mark{transition:transform .8s var(--ease-out)}.dw-badge:hover .dw-badge-mark{transform:rotate(-180deg)scale(1.15)}.dw-mission-text .dw-mword{opacity:clamp(.13, calc(var(--p) * var(--n) * 1.35 - var(--i)), 1);transition:opacity .2s linear}.dw-mark{--k:clamp(0, calc((var(--p) * var(--n) * 1.35 - var(--s)) / var(--l)), 1);background-image:linear-gradient(var(--lime), var(--lime));background-position:0 88%;background-repeat:no-repeat;background-size:calc(var(--k) * 100%) .5em}.dw-mission-mark{translate:0 -50%;transform:rotate(calc(var(--p) * 220deg))}.dw-mission-bar{transform:translateX(calc((1 - min(1, var(--p) * 1.4)) * 100%))}.dw-about-marquee{width:max-content;transform:translate3d(calc(var(--p) * -42%), 0, 0)}.dw-read .dw-rword{opacity:clamp(.16, calc(var(--p) * var(--n) * 2 - var(--i)), 1);transition:opacity .25s linear}.dw-atom{perspective:1200px;container-type:inline-size}.dw-atom-space{transform-style:preserve-3d;animation:26s linear infinite dw-orbit}.dw-atom-core{animation:3.6s ease-in-out infinite dw-breathe}.dw-electron{--ang:calc(var(--dw-a) * var(--dir) + var(--o));translate:-50% -50%;transform:rotateZ(var(--t)) rotateX(-17deg) rotateY(var(--ang)) translateZ(44cqw) rotateY(calc(var(--ang) * -1)) rotateX(17deg) rotateZ(calc(var(--t) * -1));opacity:calc(.6 + .4 * cos(var(--ang)));background:var(--ink);color:var(--lime);text-transform:uppercase;white-space:nowrap;border:1px solid #cff63a8c;border-radius:999px;padding:.4em .95em .3em;font-size:clamp(10px,2.5cqw,15px);font-style:italic;font-weight:600;position:absolute;top:50%;left:50%}.dw-marquee{animation:48s linear infinite dw-marquee}.dw-join-skew{transform:skewX(calc(var(--v,0) * -14deg));transition:transform .3s var(--ease-out)}.dw-reasons{--k:min(1, calc(var(--p) * 2.2))}.dw-two{transform-origin:50% 70%;transform:rotate(calc((1 - var(--k)) * -110deg)) scale(calc(.5 + var(--k) * .5))}.dw-specimen-wrap{transform:translate3d(0, calc((.5 - var(--p)) * 14%), 0)}.dw-specimen{mix-blend-mode:multiply;-webkit-mask-image:radial-gradient(closest-side,#000 82%,#0000 100%);mask-image:radial-gradient(closest-side,#000 82%,#0000 100%)}.dw-specimen-video{filter:invert()contrast(1.3);transform:scale(calc(1.02 + var(--k) * .16)) rotate(calc((var(--p) - .5) * -14deg))}.dw-specimen-orbit{stroke-dasharray:.8 1.6;animation:6s linear infinite dw-orbit-dash}.dw-leader{stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0, calc(var(--k) * 1.4 - .3), 1))}.dw-pin{fill:var(--lime);stroke:var(--ink);stroke-width:.35px;transform-box:fill-box;transform-origin:50%;animation:dw-pin 2.4s var(--ease-out) infinite}.dw-callout{opacity:clamp(0, calc(var(--k) * 2 - .9), 1);translate:0 calc((1 - var(--k)) * 16px)}.dw-reasons-bar{transform-origin:0;transform:scaleX(clamp(0, calc(var(--p) * 2.6 - .5), 1))}.dw-fork-side{transition:flex-grow .9s var(--ease-out);flex:1 1 0}@media (min-width:768px) and (hover:hover){.dw-fork:hover .dw-fork-side{flex-grow:.7}.dw-fork .dw-fork-side:hover{flex-grow:1.6}}.dw-fork-n{-webkit-text-fill-color:transparent;-webkit-text-stroke:2px currentColor;transition:transform 1.1s var(--ease-out), -webkit-text-fill-color .6s}.dw-fork-side:hover .dw-fork-n{-webkit-text-fill-color:currentColor;transform:translate(-6%,-8%)rotate(-8deg)}.dw-chev{background-color:currentColor;animation:1.4s ease-in-out infinite designwise-caret-bounce;-webkit-mask:url(/designwise/images/chevron.png) 50%/contain no-repeat;mask:url(/designwise/images/chevron.png) 50%/contain no-repeat}.dw-tile{transform:perspective(700px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease-out), background-color .4s, color .4s, border-color .4s}.dw-tile:before{content:"";background:radial-gradient(circle at var(--mx,50%) var(--my,50%), #cff63a4d, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.dw-tile:hover:before{opacity:1}.dw-tile-symbol{transition:letter-spacing .5s var(--ease-out)}.dw-tile:hover .dw-tile-symbol{letter-spacing:-.01em;font-style:italic}.dw-tile:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.dw-tile-on-dark{background:var(--lime);border-color:var(--lime);color:var(--ink)}.dw-tile-on-light{background:var(--ink);border-color:var(--ink);color:var(--lime)}.dw-sheet{animation:dw-sheet .8s var(--ease-out) both}.dw-sheet-glyph{animation:dw-glyph 1.1s var(--ease-out) both}.dw-sheet-line{animation:dw-enter .9s var(--ease-out) both;animation-delay:calc(.15s + var(--i) * .1s)}@supports (animation-timeline:view()){.dw-tile{animation:linear both dw-tile-in;animation-timeline:view();animation-range:entry entry 70%}}.dw-bridge{--k:min(1, calc(var(--p) * 1.5))}.dw-iris{clip-path:circle(calc(3vmax + var(--k) * 80vmax) at 50% 50%)}.dw-bridge-video{transform:scale(calc(.5 + var(--k) * .5));-webkit-mask-image:radial-gradient(closest-side,#000 74%,#0000 100%);mask-image:radial-gradient(closest-side,#000 74%,#0000 100%)}.dw-bridge-ghost{-webkit-text-stroke:1px #9eaca259;transform:scale(calc(1 + var(--p) * .5))}.dw-bridge-cap{opacity:clamp(0, calc((var(--p) - .55) * 5), 1)}.dw-drum-stage{perspective:1400px}.dw-drum{--cw:clamp(130px, 17vw, 240px);--ch:calc(var(--cw) * .62);width:var(--cw);height:var(--ch);margin:calc(var(--ch) / -2) 0 0 calc(var(--cw) / -2);transform-style:preserve-3d;transform:rotateX(-6deg) rotateY(calc(var(--p) * -220deg))}.dw-drum-spin{transform-style:preserve-3d;animation:60s linear infinite dw-drum;position:absolute;inset:0}.dw-face{transform:rotateY(calc(var(--i) * 30deg)) translateZ(calc(var(--cw) * 1.9));backface-visibility:hidden;background:#fff6;border:1px solid #12171329;border-radius:16px;place-items:center;margin:0;display:grid;position:absolute;inset:0}.dw-slide{--k:min(1, calc(var(--p) * 2.4))}.dw-slide-l{transform:translateX(calc((1 - var(--k)) * -40vw))}.dw-slide-r{transform:translateX(calc((1 - var(--k)) * 40vw))}.dw-field-label{color:var(--sage-2);transition:color .3s}.dw-field:focus-within .dw-field-label{color:var(--lime)}.dw-input{width:100%;color:var(--paper);resize:none;background:0 0;border:0;border-bottom:1px solid #9eaca266;border-radius:0;outline:none;padding:.15em 0 .3em;font-size:clamp(1.4rem,2.6vw,2.4rem);line-height:1.2;transition:border-color .4s}.dw-input:focus{border-color:var(--lime)}.dw-input:-webkit-autofill{-webkit-text-fill-color:var(--paper);transition:background-color 9999s}.dw-send{transition:background-color .4s, rotate .8s var(--ease-out)}.dw-send:hover{background-color:var(--paper);rotate:-12deg}.dw-dock{animation:dw-dock 1s var(--ease-out) backwards;animation-delay:calc(var(--dw-in) + .9s)}.dw-menu{visibility:hidden;clip-path:circle(0px at var(--ox) var(--oy));transition:clip-path .9s var(--ease-io), visibility 0s .9s}.dw-menu.is-open{visibility:visible;clip-path:circle(150vmax at var(--ox) var(--oy));transition:clip-path .9s var(--ease-io)}.dw-menu-link{opacity:0;transition:opacity .7s var(--ease-out), translate .7s var(--ease-out);translate:0 40px}.dw-menu-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.dw-menu.is-open .dw-menu-link{opacity:1;transition-delay:calc(var(--i) * 60ms + .25s);translate:none}@keyframes dw-intro-out{to{clip-path:inset(0 0 100%);visibility:hidden}}@keyframes dw-intro-mark{0%{opacity:0;transform:rotate(-200deg)scale(.3)}60%{opacity:1}}@keyframes dw-count{to{--dw-n:100}}@keyframes dw-enter{0%{opacity:0;translate:0 30px}}@keyframes dw-rise{0%{opacity:0;filter:blur(10px);transform:translateY(70%)rotate(10deg)}}@keyframes dw-draw{0%{clip-path:inset(0 100% 100% 0)}}@keyframes dw-underline{0%{background-size:0% .09em}}@keyframes dw-orbit{to{--dw-a:360deg}}@keyframes dw-marquee{to{transform:translate(-50%)}}@keyframes dw-breathe{50%{scale:1.07}}@keyframes dw-orbit-dash{to{stroke-dashoffset:-24px}}@keyframes dw-pin{0%,to{scale:1}50%{scale:1.6}}@keyframes dw-sheet{0%{clip-path:inset(0 0 100% round 24px)}to{clip-path:inset(0 round 24px)}}@keyframes dw-glyph{0%{opacity:0;transform:rotate(-120deg)scale(.2)}}@keyframes dw-tile-in{0%{opacity:0;translate:0 48px;scale:.9}}@keyframes dw-drum{to{transform:rotateY(-360deg)}}@keyframes dw-dock{0%{transform:translateY(160%)}}@media (prefers-reduced-motion:reduce){.dw{--dw-in:0s}.dw-intro{display:none}.dw-enter,.dw-letter-in,.dw-select,.dw-hl,.dw-dock,.dw-sheet,.dw-sheet-glyph,.dw-sheet-line,.dw-tile,.dw-atom-space,.dw-atom-core,.dw-marquee,.dw-badge-ring,.dw-drum-spin,.dw-specimen-orbit,.dw-pin,.dw-chev{animation:none!important}.dw-letter{opacity:1;transform:none}.dw-hero-video{transform:translate(-50%,-50%)}.dw-join-skew{transform:none}}
