/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--purple:#36013f;--purple-dark:#210027;--lime:#d1f72e;--highlight:#fe8e00;--white:#fffdf8;--ink:#1c1420}*{box-sizing:border-box}html{scroll-behavior:smooth}html:has(#work:target){scroll-behavior:auto}body{background:var(--white);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}body.intro-playing{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{width:min(1380px,100% - 64px);margin-inline:auto}.site-intro{z-index:999;color:#fff;background:radial-gradient(circle at 50% 45%,#5d0b69 0,var(--purple) 44%,var(--purple-dark) 100%);place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.intro-seen .site-intro{display:none!important}.site-intro.intro-started{animation:2.85s cubic-bezier(.76,0,.24,1) forwards intro-exit}.site-intro:before{content:"";aspect-ratio:1;opacity:0;border:1px solid #d1f72e2e;border-radius:50%;width:min(86vw,980px);position:absolute;box-shadow:0 0 0 9vw #ffffff04,0 0 0 18vw #ffffff03}.site-intro.intro-started:before{animation:2.6s ease-out both intro-ring}.intro-logo{z-index:1;object-fit:contain;opacity:0;width:auto;height:min(69.6vh,684px);position:relative}.intro-started .intro-logo{animation:2.5s cubic-bezier(.22,1,.36,1) both intro-logo}.intro-corner,.intro-location{z-index:2;letter-spacing:.22em;font-size:9px;font-weight:800;line-height:1.5;position:absolute;top:38px;left:42px}.intro-location{inset:auto 42px 38px auto}.intro-progress{z-index:2;background:#fff3;height:1px;position:absolute;bottom:38px;left:42px;right:42px}.intro-progress span{background:var(--highlight);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.intro-started .intro-progress span{animation:2.1s cubic-bezier(.65,0,.35,1) .15s both intro-progress}@keyframes intro-logo{0%{opacity:0;transform:scale(.72)}22%{opacity:1}72%{transform:scale(1)}to{opacity:1;transform:scale(1.1)}}@keyframes intro-ring{0%{opacity:0;transform:scale(.7)}35%{opacity:1}to{opacity:.25;transform:scale(1.12)}}@keyframes intro-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes intro-exit{0%,78%{clip-path:inset(0)}to{clip-path:inset(0 0 100%);visibility:hidden}}.nav{z-index:10;color:#fff;justify-content:space-between;align-items:center;height:104px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.brand{align-items:center;gap:13px;display:flex}.brand-mark{object-fit:contain;width:31px;height:50px}.brand-name{text-transform:uppercase;letter-spacing:.16em;font-size:9px;font-weight:700;line-height:1.35}.nav nav{text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:38px;font-size:12px;font-weight:700;display:flex}.nav nav>a:not(.nav-cta){position:relative}.nav nav>a:not(.nav-cta):after{content:"";background:var(--lime);width:0;height:2px;transition:all .25s;position:absolute;bottom:-7px;left:0}.nav nav>a:hover:after{width:100%}.nav-cta{background:var(--lime);color:#19001e;border-radius:999px;padding:15px 20px}.nav-cta span{margin-left:12px}.menu-button{display:none}.hero{color:#fff;isolation:isolate;height:auto;min-height:clamp(720px,100svh,980px);padding-top:clamp(150px,19vh,190px);padding-bottom:90px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-3;background:radial-gradient(circle at 77% 42%, #6f147f 0, var(--purple) 34%, var(--purple-dark) 100%);position:fixed;inset:0}.hero:after{content:"";z-index:-1;border:1px solid #ffffff29;border-radius:50%;width:52vw;height:52vw;position:absolute;top:12vh;right:-9vw;box-shadow:0 0 0 7vw #ffffff06,0 0 0 14vw #ffffff05}.hero-kicker,.eyebrow{text-transform:uppercase;letter-spacing:.2em;align-items:center;font-size:11px;font-weight:700;display:flex}.hero-kicker,.hero h1,.hero-bottom{z-index:2;position:relative}.hero h1{letter-spacing:-.075em;max-width:1050px;margin:clamp(54px,7vh,80px) 0 clamp(42px,6vh,65px);font-size:clamp(72px,min(11.2vw,17vh),178px);font-weight:800;line-height:.8}.hero h1 em{color:var(--lime);letter-spacing:-.075em;font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:800}.section-heading h2,.contact-footer h2{font-family:Arial,Helvetica,sans-serif;font-weight:800}.section-heading h2 em,.contact-footer h2 em{color:var(--lime);font:inherit;letter-spacing:inherit;font-style:normal}.hero-bottom{justify-content:space-between;align-items:flex-end;width:65%;display:flex}.hero-bottom p{color:#ffffffbf;max-width:580px;margin:0;font-size:19px;line-height:1.55}.round-link{border:1px solid #fff6;border-radius:50%;place-items:center;width:64px;height:64px;font-size:25px;transition:all .3s;display:grid}.round-link:hover{background:var(--lime);border-color:var(--lime);color:var(--purple);transform:translateY(5px)}.type-constellation{--core-x:52%;--core-y:49%;z-index:3;aspect-ratio:1;color:#fff;isolation:isolate;border-radius:50%;width:clamp(470px,43vw,620px);position:absolute;top:clamp(135px,15vh,175px);right:-28px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 18% 100%);mask-image:linear-gradient(90deg,#0000 0,#000 18% 100%)}.constellation-orbit{z-index:-1;pointer-events:none;border:1px solid #ffffff24;border-radius:50%;transition:border-color .6s,left .8s cubic-bezier(.22,1,.36,1),top .8s cubic-bezier(.22,1,.36,1),transform .8s cubic-bezier(.22,1,.36,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-outer{width:96%;height:96%}.orbit-inner{border-color:#d1f72e2e;width:53%;height:53%}:is(.type-constellation:has(.constellation-state[open]) .orbit-outer,.type-constellation:has(.constellation-core:hover) .orbit-outer){border-color:#d1f72e5c;transform:translate(-50%,-50%)scale(.94)}:is(.type-constellation:has(.constellation-state[open]) .orbit-inner,.type-constellation:has(.constellation-core:hover) .orbit-inner){border-color:#ffffff4d;transform:translate(-50%,-50%)scale(1.08)}:is(.type-constellation:has(.constellation-state[open]) .constellation-orbit,.type-constellation:has(.constellation-core:hover) .constellation-orbit){left:var(--core-x);top:var(--core-y)}.design-word{--mag-x:0px;--mag-y:0px;z-index:2;left:var(--x);top:var(--y);transform:translate(calc(-50% + var(--mag-x)),calc(-50% + var(--mag-y)));white-space:nowrap;cursor:default;transition:left .85s cubic-bezier(.22,1,.36,1),top .85s cubic-bezier(.22,1,.36,1),transform .25s,opacity .35s,filter .35s;position:absolute}.design-word .word-face{animation:7s ease-in-out infinite word-drift;animation-delay:var(--delay,0s);transition:transform .5s cubic-bezier(.22,1,.36,1),color .35s,opacity .35s,letter-spacing .5s,text-shadow .35s,background .35s;display:block}.design-word:hover,.design-word:active{z-index:7;opacity:1;filter:none}:is(.design-word:hover .word-face,.design-word:active .word-face,.type-constellation:has(.constellation-state[open]) .design-word .word-face,.type-constellation:has(.constellation-core:hover) .design-word .word-face){animation:none}.depth-front{opacity:.92;filter:none}.depth-mid{opacity:.49;filter:blur(.15px)}.depth-back{opacity:.2;filter:blur(.65px)}:is(.type-constellation:has(.constellation-state[open]) .design-word,.type-constellation:has(.constellation-core:hover) .design-word){left:calc(var(--core-x) + var(--gather-x));top:calc(var(--core-y) + var(--gather-y));opacity:.78;filter:none;transform:translate(-50%,-50%)scale(.88)}@keyframes word-drift{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.word-type{--x:35%;--y:19%;--gather-x:-16%;--gather-y:-26%;--delay:-1.4s;letter-spacing:-.07em;font:900 42px/1 Arial,Helvetica,sans-serif}.word-grid{--x:73%;--y:13%;--gather-x:14%;--gather-y:-36%;--delay:-4.2s;letter-spacing:.2em;font:400 23px/1 Courier New,monospace}.word-kern{--x:88%;--y:32%;--gather-x:22%;--gather-y:-22%;--delay:-2.1s;letter-spacing:.28em;font:700 16px/1 Arial,Helvetica,sans-serif}.word-scale{--x:72%;--y:43%;--gather-x:22%;--gather-y:-11%;--delay:-5.5s;font:italic 700 31px/1 Georgia,serif}.word-colour{--x:81%;--y:72%;--gather-x:21%;--gather-y:10%;--delay:-.8s;color:var(--highlight);letter-spacing:.05em;font:900 18px/1 Arial,Helvetica,sans-serif}.word-rhythm{--x:59%;--y:88%;--gather-x:-3%;--gather-y:32%;--delay:-3.1s;font:italic 400 21px/1 Georgia,serif}.word-craft{--x:31%;--y:78%;--gather-x:-22%;--gather-y:23%;--delay:-6.2s;letter-spacing:-.04em;font:800 28px/1 Arial,Helvetica,sans-serif}.word-form{--x:12%;--y:59%;--gather-x:-26%;--gather-y:-2%;--delay:-2.7s;font:400 34px/1 Georgia,serif}.word-system{--x:43%;--y:15%;--gather-x:-5%;--gather-y:-38%;--delay:-1.1s;letter-spacing:.32em;font:400 12px/1 Courier New,monospace}.word-identity{--x:25%;--y:68%;--gather-x:-25%;--gather-y:11%;--delay:-4.8s;text-transform:lowercase;font:700 17px/1 Arial,Helvetica,sans-serif}.word-contrast{--x:70%;--y:92%;--gather-x:12%;--gather-y:30%;--delay:-3.7s;letter-spacing:.12em;font:900 12px/1 Arial,Helvetica,sans-serif}.word-align{--x:34%;--y:43%;--gather-x:-22%;--gather-y:-15%;--delay:-5.9s;letter-spacing:.09em;font:900 22px/1 Arial,Helvetica,sans-serif}.word-concept{--x:62%;--y:28%;--gather-x:1%;--gather-y:-30%;--delay:-.4s;font:italic 400 18px/1 Georgia,serif}.word-motion{--x:87%;--y:55%;--gather-x:22%;--gather-y:-1%;--delay:-4.5s;letter-spacing:.11em;font:400 13px/1 Courier New,monospace}.word-kern:hover .word-face,.word-kern:active .word-face{letter-spacing:.72em;color:var(--lime);transform:translate(.3em)}.word-scale:hover .word-face,.word-scale:active .word-face{color:var(--lime);transform:scale(1.55)}.word-align:after{content:"";background:var(--lime);transform-origin:0;height:1px;transition:transform .45s;position:absolute;top:50%;left:-14px;right:-14px;transform:scaleX(0)}.word-align:hover:after,.word-align:active:after{transform:scaleX(1)}.word-align:hover .word-face,.word-align:active .word-face{transform:translate(-11px)}.word-contrast:hover .word-face,.word-contrast:active .word-face{color:var(--purple-dark);background:#fff;padding:6px 9px;transform:scale(1.08)}.word-colour:hover .word-face,.word-colour:active .word-face{color:var(--highlight);text-shadow:0 0 24px #fe8e0094;transform:scale(1.14)}.word-grid:after{content:"";opacity:0;z-index:-1;background-image:linear-gradient(#d1f72e59 1px,#0000 1px),linear-gradient(90deg,#d1f72e59 1px,#0000 1px);background-size:8px 8px;transition:opacity .35s;position:absolute;inset:-18px}.word-grid:hover:after,.word-grid:active:after{opacity:1}.word-form:hover .word-face,.word-form:active .word-face{color:var(--lime);transform:scaleX(.55)skew(-9deg)}.word-type:hover .word-face,.word-type:active .word-face{color:#0000;-webkit-text-stroke:1px var(--lime);transform:scaleX(1.18)}.word-rhythm:hover .word-face,.word-rhythm:active .word-face{color:var(--lime);animation:.62s ease-in-out both rhythm-react}.word-craft:hover .word-face,.word-craft:active .word-face{color:var(--lime);transform:rotate(-5deg)scale(1.18)}.word-system:hover .word-face,.word-system:active .word-face{letter-spacing:.58em;color:var(--lime)}.word-identity:hover .word-face,.word-identity:active .word-face{text-transform:uppercase;letter-spacing:.13em;color:var(--lime);font-weight:900}.word-concept:hover .word-face,.word-concept:active .word-face{color:var(--lime);transform:skew(-18deg)translate(8px)}.word-motion:hover .word-face,.word-motion:active .word-face{color:#fff;text-shadow:7px 0 #fe8e00b8,14px 0 #d1f72e52;transform:translate(-7px)}@keyframes rhythm-react{0%,to{transform:translateY(0)rotate(0)}35%{transform:translateY(-10px)rotate(-4deg)}68%{transform:translateY(5px)rotate(2deg)}}.constellation-state{z-index:8;pointer-events:none;position:absolute;inset:0}.constellation-core{z-index:8;left:var(--core-x);top:var(--core-y);cursor:pointer;width:165px;height:220px;color:var(--lime);box-shadow:none;pointer-events:auto;background:0 0;border:0;place-items:center;padding:0;list-style:none;transition:transform .6s cubic-bezier(.22,1,.36,1),filter .4s;display:grid;position:absolute;transform:translate(-50%,-50%)}.constellation-core::-webkit-details-marker{display:none}.constellation-core:before{content:"";z-index:2;background:var(--lime);position:absolute;inset:15px 0;-webkit-mask:url(/ili-logo-supplied.png) 50%/contain no-repeat;mask:url(/ili-logo-supplied.png) 50%/contain no-repeat}.constellation-core img{z-index:1;object-fit:contain;opacity:0;width:auto;height:190px;position:relative}.constellation-core:hover,.constellation-core:focus-visible,.constellation-state[open] .constellation-core{filter:drop-shadow(0 0 24px #fe8e0040);outline:none;transform:translate(-50%,-50%)scale(1.045)}.brand-flow{background:var(--lime);color:#16001a;z-index:2;place-items:center;min-height:72px;padding:11px 28px;display:grid;position:relative;overflow:hidden}.brand-flow-track{grid-template-columns:auto minmax(48px,1fr) auto minmax(48px,1fr) auto;justify-content:center;align-items:center;gap:18px;width:min(940px,100%);display:grid}.brand-flow-stage{text-transform:uppercase;white-space:nowrap;letter-spacing:.14em;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:900;animation:6s cubic-bezier(.22,1,.36,1) infinite both flow-focus;display:inline-flex}.brand-flow-stage small{letter-spacing:.08em;opacity:.48;font-size:8px;font-weight:900}.brand-flow-stage.stage-two{animation-delay:2s}.brand-flow-stage.stage-three{animation-delay:4s}.brand-flow-arrow{background:#16001a6b;height:1px;position:relative;overflow:visible}.brand-flow-arrow:after{content:"";border-top:1px solid #16001a;border-right:1px solid #16001a;width:7px;height:7px;position:absolute;top:50%;right:0;transform:translateY(-50%)rotate(45deg)}.brand-flow-arrow i{background:#16001a;border-radius:50%;width:7px;height:7px;animation:3s ease-in-out infinite flow-dot;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.brand-flow-arrow:nth-of-type(4) i{animation-delay:1.5s}@keyframes flow-focus{0%,20%,to{color:#16001a;background:0 0;transform:translateY(0)}5%,15%{background:var(--purple-dark);color:var(--lime);transform:translateY(-2px)}}@keyframes flow-dot{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:100%}}.section{background:var(--white);z-index:1;padding-top:145px;padding-bottom:145px;position:relative}#work{background:var(--purple);color:#fff;z-index:2;width:100%;max-width:none;margin:0;padding:42px max(32px,50vw - 690px) 120px;scroll-margin-top:0;position:relative}#work .section-heading{border-bottom:1px solid #ffffff3d;grid-template-columns:.75fr 1.8fr 1fr;align-items:end;margin-bottom:34px;padding-bottom:28px}#work .section-heading h2{letter-spacing:-.065em;font-size:clamp(48px,5.6vw,82px);line-height:.88}#work .section-heading>p{color:#ffffffb3;justify-self:end;max-width:390px}#work .project-meta{border-top-color:#ffffff47}#work .project-meta span{color:#ffffff9e}.section-heading{grid-template-columns:1fr 2fr 1fr;align-items:start;gap:40px;margin-bottom:80px;display:grid}.section-heading>span{text-transform:uppercase;letter-spacing:.18em;padding-top:13px;font-size:11px;font-weight:700}.section-heading h2{letter-spacing:-.065em;margin:0;font-size:clamp(52px,6vw,90px);line-height:.94}.section-heading>p{color:#756d77;margin:12px 0 0;font-size:16px;line-height:1.6}.project-grid{grid-template-columns:1fr 1fr;gap:85px 28px;display:grid}.project:nth-child(2n){margin-top:76px}.project:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 14px)}.project-art{aspect-ratio:4/3;background:#ddd;border-radius:3px;transition:transform .45s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.project-art>img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.8,.2,1);display:block}.project:hover .project-art>img,.project:focus .project-art>img{transform:scale(1.025)}.project-art:after{content:"";pointer-events:none;background:linear-gradient(#0c000f0d,#0000 48%,#0c000f40);position:absolute;inset:0}.project:hover .project-art,.project:focus .project-art{transform:scale(.985)}.project-open{z-index:4;background:var(--highlight);color:var(--purple-dark);text-transform:uppercase;letter-spacing:.14em;opacity:0;border-radius:999px;padding:12px 16px;font-size:8px;font-weight:900;transition:all .3s;position:absolute;bottom:18px;right:20px;transform:translateY(10px)}.project:hover .project-open,.project:focus .project-open{opacity:1;transform:translateY(0)}.project-a .project-art{background:linear-gradient(135deg,#ff5438 0 48%,#ffd5cb 48%)}.project-a .project-art:before{content:"Aa";color:#1b121d;letter-spacing:-.1em;font:700 16vw/1 Arial;position:absolute;top:11%;left:9%}.project-b .project-art{background:radial-gradient(circle at 35% 44%,var(--lime) 0 18%,transparent 18%),linear-gradient(135deg,#211027,#51165e)}.project-b .project-art:before{content:"MOVE";color:#fff;letter-spacing:-.08em;font:900 8vw/1 Arial;position:absolute;top:32%;left:9%;transform:rotate(-8deg)}.project-c .project-art{background:linear-gradient(125deg,#f4df47 0 50%,#5d45f5 50%)}.project-c .project-art:before{content:"↗";color:#19001e;font:400 24vw/1 Arial;position:absolute;top:2%;left:22%}.project-d .project-art{background:repeating-linear-gradient(90deg,#34003d 0 28px,#f9f6ef 28px 30px)}.project-d .project-art:before{content:"FORM";color:var(--lime);letter-spacing:-.08em;mix-blend-mode:difference;font:900 9vw/1 Arial;position:absolute;top:35%;left:8%}.placeholder-label{z-index:2;letter-spacing:.18em;font-size:10px;font-weight:800;line-height:1.3;position:absolute;bottom:20px;left:22px}.project-a .placeholder-label,.project-c .placeholder-label{color:#1c1420}.project-b .placeholder-label,.project-d .placeholder-label{color:#fff}.project-number{z-index:2;border:1px solid;border-radius:50%;place-items:center;width:38px;height:38px;font-size:10px;display:grid;position:absolute;top:20px;right:22px}.project .project-number{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12041440}.project-meta{border-top:1px solid #cfc9cf;justify-content:space-between;align-items:baseline;margin-top:17px;padding-top:18px;display:flex}.project-meta h3{letter-spacing:-.04em;margin:0;font-size:25px}.project-meta span{text-transform:uppercase;letter-spacing:.14em;color:#766f78;font-size:9px}.case-page{color:var(--ink);background:#f4f0f3;min-height:100vh}.case-nav{background:var(--purple-dark);color:#fff;z-index:20;justify-content:space-between;align-items:center;width:100%;max-width:none;height:88px;padding-inline:max(32px,50vw - 690px);display:flex;position:sticky;top:0}.case-nav .case-back{color:var(--lime);text-transform:uppercase;letter-spacing:.17em;font-size:9px;font-weight:800}.case-layout{grid-template-columns:minmax(330px,.72fr) minmax(0,1.45fr);align-items:start;gap:0;padding:0;display:grid}.case-summary{background:var(--purple);color:#fff;flex-direction:column;justify-content:space-between;height:calc(100svh - 88px);min-height:650px;padding:55px 48px 35px;display:flex;position:sticky;top:88px}.case-kicker{color:var(--highlight);text-transform:uppercase;letter-spacing:.18em;align-items:center;gap:10px;font-size:9px;font-weight:800;display:flex}.case-kicker:before{content:"";background:var(--highlight);width:24px;height:1px}.case-summary h1{letter-spacing:-.06em;margin:45px 0 55px;font-size:clamp(40px,4vw,64px);line-height:.96}.case-summary dl{grid-template-columns:1fr 1fr;gap:26px 20px;margin:0;display:grid}.case-summary dl div{min-width:0}.case-summary dt{text-transform:uppercase;letter-spacing:.16em;color:#ffffff75;margin-bottom:8px;font-size:8px}.case-summary dd{margin:0;font-size:12px;line-height:1.45}.case-summary-foot{letter-spacing:.16em;color:#ffffff80;justify-content:space-between;align-items:end;font-size:9px;display:flex}.case-summary-foot img{object-fit:contain;width:31px;height:50px}.case-story{background:var(--white)}.case-frame{position:relative;overflow:hidden}.case-hero-art{background:#d8d0d8}.case-hero-image{aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;display:block}.case-hero-art .project-number{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#12041447}.case-art{aspect-ratio:16/10;border-radius:0;transform:none!important}.case-overview{border-bottom:1px solid #d8d0d8;grid-template-columns:.35fr 1fr;gap:60px;padding:95px 8%;display:grid}.case-overview>span,.case-result>span{color:#9d299f;text-transform:uppercase;letter-spacing:.18em;padding-top:7px;font-size:9px;font-weight:800}.case-overview-copy{gap:28px;display:grid}.case-overview p{letter-spacing:-.035em;max-width:760px;margin:0;font-size:clamp(25px,3vw,43px);line-height:1.22}.case-overview p+p{color:#5d555f;max-width:700px;font-size:clamp(18px,2vw,27px);line-height:1.35}.case-process-grid{grid-template-columns:1fr 1fr;gap:70px;padding:80px 8%;display:grid}.case-process-grid article>span{color:#9d299f;letter-spacing:.15em;font-size:10px}.case-process-grid h2{letter-spacing:-.04em;margin:20px 0 14px;font-size:24px}.case-process-grid p{color:#6f6871;margin:0;font-size:14px;line-height:1.65}.case-gallery{background:#e5dfe5;grid-template-columns:1fr 1fr;gap:12px;padding:12px;display:grid}.case-gallery .wide{grid-column:1/-1}.case-gallery>.case-frame:not(.wide):has(+.wide){grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}.case-gallery .case-frame{background:#d8d0d8;min-height:330px;margin:0}.case-gallery img{aspect-ratio:4/3;object-fit:cover;width:100%;height:100%;min-height:330px;display:block}.case-gallery .wide img{aspect-ratio:16/8}.case-gallery .logo-frame{background:#fff;place-items:center;padding:8%;display:grid}.case-gallery .logo-frame img{object-fit:contain;max-width:78%;min-height:0;max-height:280px}.case-gallery .art-alt-one{filter:hue-rotate(15deg)saturate(.85)}.case-gallery .art-alt-two{filter:hue-rotate(45deg)}.case-gallery .art-alt-three{filter:hue-rotate(-25deg)contrast(1.05)}.case-gallery .art-alt-one:after{content:"SYSTEM / APPLICATION";z-index:3;letter-spacing:.18em;font-size:9px;position:absolute;bottom:20px;right:24px}.case-gallery .art-alt-two:after{content:"DETAIL / 01";z-index:3;letter-spacing:.18em;font-size:9px;position:absolute;bottom:18px;right:20px}.case-gallery .art-alt-three:after{content:"DETAIL / 02";z-index:3;letter-spacing:.18em;font-size:9px;position:absolute;bottom:18px;right:20px}.case-result{background:var(--highlight);color:var(--purple-dark);padding:105px 8%}.case-result>span{color:var(--purple)}.case-result h2{letter-spacing:-.065em;margin:45px 0 35px;font-size:clamp(54px,6vw,90px);line-height:.92}.case-result p{max-width:620px;font-size:17px;line-height:1.65}.next-project{color:#fff;background:#100013;padding:90px 0;display:block}.next-project>div{position:relative}.next-project span{color:var(--lime);text-transform:uppercase;letter-spacing:.18em;font-size:9px}.next-project h2{letter-spacing:-.07em;margin:32px 0 0;font-size:clamp(56px,8vw,120px);line-height:.85;transition:color .25s}.next-project b{color:var(--lime);font-size:36px;transition:transform .25s;position:absolute;top:50%;right:0}.next-project:hover h2{color:var(--lime)}.next-project:hover b{transform:translate(8px,-8px)}.process{background:var(--purple);color:#fff;position:relative;overflow:hidden}.process:after{content:"";aspect-ratio:1;border:1px solid #d1f72e33;border-radius:50%;width:60%;position:absolute;top:-60%;right:-15%}.section-heading.light{z-index:1;grid-template-columns:1fr 3fr;position:relative}.timeline{z-index:1;grid-template-columns:120px 1fr;gap:70px;display:grid;position:relative}.timeline-rail{grid-template-rows:auto 1fr auto;align-self:start;justify-items:center;gap:24px;height:calc(100vh - 160px);min-height:490px;max-height:720px;display:grid;position:sticky;top:80px}.timeline-label{writing-mode:vertical-rl;letter-spacing:.24em;color:#ffffff80;font-size:9px;transform:rotate(180deg)}.timeline-track{background:#ffffff2e;width:1px;height:100%;position:relative;overflow:hidden}.timeline-track span{background:var(--lime);width:100%;box-shadow:0 0 10px var(--lime);transition:height .65s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.timeline-rail strong{color:var(--lime);letter-spacing:-.04em;font-size:28px}.timeline-rail small{color:#ffffff73;letter-spacing:.12em;margin-top:5px;font-size:9px;display:block}.timeline-items{border-top:1px solid #ffffff2e}.timeline-step{opacity:.3;border-bottom:1px solid #ffffff2e;grid-template-columns:.8fr 1.2fr;align-items:center;gap:70px;min-height:min(680px,76vh);padding:70px 0;transition:opacity .7s,transform .8s cubic-bezier(.22,1,.36,1);display:grid;transform:translateY(55px)}.timeline-step.is-active,.timeline-step.is-past{opacity:1;transform:translateY(0)}.timeline-copy>span{color:var(--highlight);letter-spacing:.18em;font-size:12px}.timeline-copy h3{letter-spacing:-.07em;margin:48px 0 30px;font-size:clamp(58px,6vw,96px);line-height:.9}.timeline-copy p{color:#ffffffa8;max-width:430px;margin:0;font-size:17px;line-height:1.6}.timeline-tag{color:var(--lime);letter-spacing:.2em;border:1px solid #d1f72e73;border-radius:999px;margin-top:55px;padding:9px 13px;font-size:8px;display:inline-flex}.timeline-visual{aspect-ratio:1459/1078;isolation:isolate;color:#18151c;background:#111015;border:1px solid #ffffff6b;border-radius:18px;font-family:Arial,sans-serif;transition:transform .85s cubic-bezier(.22,1,.36,1),box-shadow .85s;position:relative;overflow:hidden;transform:scale(.94)translateY(18px);box-shadow:0 18px 50px #1000142e}.timeline-step.is-active .timeline-visual{transform:scale(1)translateY(0);box-shadow:0 35px 90px #00000052,0 0 0 1px #d1f72e14}.workflow-visual-4{aspect-ratio:1723/913}.workflow-visual img{object-fit:cover;filter:brightness(.62)saturate(.82);width:100%;height:100%;transition:filter .65s,transform .85s cubic-bezier(.22,1,.36,1);display:block;transform:scale(1.035)}.timeline-step.is-past .workflow-visual img{filter:brightness()saturate();transform:scale(1)}.timeline-step.is-active .workflow-visual img{animation:1.25s cubic-bezier(.22,1,.36,1) forwards workflow-image-in}.workflow-sweep{z-index:2;opacity:0;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(90deg,#0000,#d1f72e29,#fff3,#0000);width:34%;position:absolute;inset:-20% auto -20% -35%;transform:translate(-160%)skew(-10deg)}.timeline-step.is-active .workflow-sweep{animation:1.45s cubic-bezier(.22,1,.36,1) .12s forwards workflow-sweep}.workflow-scan{z-index:2;opacity:0;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(#0000,#d1f72e1f,#ffffff1a,#0000);height:11%;position:absolute;top:-12%;left:0;right:0}.timeline-step.is-active .workflow-scan{animation:4.6s ease-in-out 1.15s infinite workflow-scan}.workflow-cursor{z-index:3;opacity:0;filter:drop-shadow(0 2px 3px #00000080);pointer-events:none;width:13px;height:18px;position:absolute;top:72%;left:18%}.workflow-cursor:before{content:"";clip-path:polygon(0 0,100% 73%,58% 72%,79% 100%,64% 100%,44% 75%,8% 100%);background:#fff;position:absolute;inset:0}.workflow-cursor i{border:1px solid var(--lime);opacity:0;border-radius:50%;width:8px;height:8px;position:absolute;top:12px;left:11px}.timeline-step.is-active .workflow-cursor{animation:5.2s ease-in-out 1s infinite workflow-cursor-path}.timeline-step.is-active .workflow-cursor i{animation:5.2s ease-in-out 1s infinite workflow-click}.workflow-step-number{z-index:4;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.08em;background:#11101575;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:34px;height:34px;font-size:8px;display:grid;position:absolute;top:14px;right:14px}.design-chrome{color:#777b84;letter-spacing:.08em;background:#ffffffe6;border-bottom:1px solid #dfe1e5;grid-template-columns:1fr auto 1fr;align-items:center;height:47px;padding:0 14px;font-size:8px;display:grid}.window-dots{gap:5px;display:flex}.window-dots i{background:#d3d6dc;border-radius:50%;width:7px;height:7px}.window-dots i:first-child{background:var(--lime)}.chrome-actions{justify-self:end;align-items:center;gap:9px;display:flex}.chrome-actions i{background:#e2e4e8;border-radius:99px;width:22px;height:6px}.chrome-actions b{color:#555a64;background:#eceef2;border-radius:7px;place-items:center;width:24px;height:24px;font-size:7px;display:grid}.design-workspace{background:#e9ebef;grid-template-columns:42px minmax(0,1fr) 174px;height:calc(100% - 47px);display:grid;overflow:hidden}.design-toolbar{background:#fafafa;border-right:1px solid #d9dce1;flex-direction:column;grid-area:1/1;align-items:center;gap:9px;padding:12px 0;display:flex}.design-toolbar i{color:#5d6169;place-items:center;width:19px;height:19px;font-size:11px;font-style:normal;display:grid;position:relative}.design-toolbar i:first-child{color:#fff;background:#16151a;border-radius:4px}.tool-pointer:before{content:"";border-top:11px solid #0000;border-left:7px solid;width:0;height:0;transform:rotate(-30deg)}.tool-square:before{content:"";border:1px solid;width:9px;height:9px}.tool-pen:before{content:"⌁";font-size:17px}.tool-line:before{content:"";background:currentColor;width:12px;height:1px;transform:rotate(-45deg)}.tool-zoom:before{content:"";border:1px solid;border-radius:50%;width:7px;height:7px}.tool-zoom:after{content:"";background:currentColor;width:5px;height:1px;position:absolute;bottom:3px;right:2px;transform:rotate(45deg)}.ui-label{color:#7a7e86;letter-spacing:.16em;margin-bottom:14px;font-size:7px;font-weight:800;display:block}.brief-panel,.board-panel,.artboard-panel,.delivery-panel{background:#fff;border-radius:10px;grid-area:1/2;margin:16px;padding:20px;position:relative;overflow:hidden;box-shadow:0 8px 26px #1e202612}.notes-panel,.properties-panel,.layers-panel,.export-panel{background:#f8f9fa;border-left:1px solid #d8dbe0;grid-area:1/3;padding:18px 14px;overflow:hidden}.brief-panel h4{letter-spacing:-.035em;max-width:90%;margin:0 0 22px;font-size:clamp(16px,1.5vw,24px);line-height:1.08}.brief-line{border-top:1px solid #ececef;gap:3px;padding:9px 0;display:grid}.brief-line b{text-transform:uppercase;letter-spacing:.12em;color:#9d299f;font-size:7px}.brief-line span{color:#626771;font-size:9px}.brief-progress{background:#eceef1;border-radius:99px;height:4px;margin-top:18px;overflow:hidden}.brief-progress i{background:var(--lime);width:0;height:100%;transition:width 1.4s cubic-bezier(.22,1,.36,1) .25s;display:block}.timeline-step.is-active .brief-progress i{width:82%}.keyword-cloud{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:16px;display:flex}.keyword-cloud>*{color:#666b74;border:1px solid #d9dde2;border-radius:99px;padding:6px 7px;font-size:7px;font-style:normal}.keyword-cloud b{color:#fff;background:#151419;border-color:#151419}.piano-reference{background:#151419;border-radius:8px;justify-content:center;align-items:flex-start;gap:2px;height:83px;padding:9px;display:flex}.piano-reference i{background:#fff;border-radius:0 0 2px 2px;width:13%;height:100%}.piano-reference i:nth-child(2),.piano-reference i:nth-child(4),.piano-reference i:nth-child(6){z-index:1;background:#44464c;height:62%;margin-inline:-8%}.comment-bubble{color:#5e626b;opacity:0;background:#fff;border-radius:8px;margin-top:14px;padding:9px;font-size:7px;line-height:1.35;transition:all .7s .55s;transform:translateY(8px);box-shadow:0 5px 16px #00000014}.timeline-step.is-active .comment-bubble{opacity:1;transform:translateY(0)}.comment-bubble span{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;margin-right:5px;font-size:6px;display:inline-grid}.board-panel{background:#fdfcf9}.mood-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:8px;height:calc(100% - 25px);display:grid}.mood-grid>div{border-radius:5px;min-height:0;position:relative;overflow:hidden}.mood-keys{background:#141317;justify-content:center;align-items:flex-start;gap:3px;padding:15px;display:flex}.mood-keys i{background:#fff;width:17%;height:100%}.mood-keys i:nth-child(2),.mood-keys i:nth-child(4){z-index:2;background:#6a6d73;height:60%;margin-inline:-11%}.mood-type{color:#141317;background:#ece8df;align-content:center;place-items:center;display:grid}.mood-type strong{letter-spacing:-.12em;font-size:42px;line-height:.8}.mood-type span{letter-spacing:.17em;margin-top:10px;font-size:6px}.mood-photo img,.delivery-grid img{object-fit:cover;width:100%;height:100%;display:block}.mood-words{background:var(--lime);color:#210027;letter-spacing:-.04em;place-items:center;font-size:15px;line-height:.88;display:grid}.selection-box{pointer-events:none;opacity:0;border:1px solid #7d4cff;width:45%;height:43%;transition:all .7s cubic-bezier(.22,1,.36,1) .35s;position:absolute;bottom:17px;right:18px;transform:scale(.95)}.timeline-step.is-active .selection-box{opacity:1;transform:scale(1)}.selection-box i,.logo-selection i{background:var(--lime);border:1px solid #35133b;width:6px;height:6px;position:absolute}.selection-box i:first-child,.logo-selection i:first-child{top:-4px;left:-4px}.selection-box i:nth-child(2),.logo-selection i:nth-child(2){top:-4px;right:-4px}.selection-box i:nth-child(3),.logo-selection i:nth-child(3){bottom:-4px;right:-4px}.selection-box i:nth-child(4),.logo-selection i:nth-child(4){bottom:-4px;left:-4px}.property-row{border-top:1px solid #e1e3e7;gap:5px;padding:11px 0;display:grid}.property-row b{letter-spacing:.08em;font-size:7px}.property-row>span:not(.swatches){color:#777b84;font-size:7px}.swatches{gap:5px;display:flex}.swatches i{background:#111216;border-radius:4px;width:18px;height:18px}.swatches i:nth-child(2){background:#f2efe8;border:1px solid #dad7d0}.swatches i:nth-child(3){background:var(--lime)}.direction-approved{color:#2a6330;opacity:0;background:#eaffea;border-radius:7px;align-items:center;gap:8px;margin-top:18px;padding:10px;font-size:7px;transition:all .6s .7s;display:flex;transform:translateY(7px)}.timeline-step.is-active .direction-approved{opacity:1;transform:translateY(0)}.direction-approved i{background:var(--lime);color:#163b18;border-radius:50%;place-items:center;width:17px;height:17px;font-style:normal;display:grid}.artboard-panel{background:#d9dce1;padding:0}.artboard-rulers{color:#777b84;background:#eceef1;border-bottom:1px solid #c9ccd2;justify-content:space-around;align-items:center;height:18px;font-size:6px;display:flex}.logo-artboard{background:#0a0a0a;place-items:center;display:grid;position:absolute;inset:16% 10% 11% 13%;overflow:hidden;box-shadow:0 7px 22px #00000026}.logo-artboard img{object-fit:contain;width:88%;height:88%}.logo-selection{border:1px solid var(--lime);position:absolute;inset:17% 17% 16%}.logo-selection i:nth-child(5){top:-4px;left:50%}.logo-selection i:nth-child(6){top:50%;right:-4px}.logo-selection i:nth-child(7){bottom:-4px;left:50%}.logo-selection i:nth-child(8){top:50%;left:-4px}.guide{opacity:.6;transform-origin:50%;background:#8c4cff;transition:transform 1s cubic-bezier(.22,1,.36,1) .35s;position:absolute}.guide-v{width:1px;top:0;bottom:0;left:50%;transform:scaleY(0)}.guide-h{height:1px;top:50%;left:0;right:0;transform:scaleX(0)}.timeline-step.is-active .guide-v{transform:scaleY(1)}.timeline-step.is-active .guide-h{transform:scaleX(1)}.cursor-tip{clip-path:polygon(0 0,100% 72%,57% 73%,76% 100%,62% 100%,45% 75%,10% 100%);filter:drop-shadow(0 2px 2px #00000059);opacity:0;background:#fff;width:11px;height:16px;position:absolute;top:57%;left:61%;transform:translate(-35px,24px)}.cursor-tip span{white-space:nowrap;color:#fff;clip-path:none;background:#242229;border-radius:3px;padding:4px 5px;font-size:6px;position:absolute;top:14px;left:11px}.timeline-step.is-active .cursor-tip{animation:1.8s cubic-bezier(.22,1,.36,1) .7s forwards cursor-arrive}.layer{color:#676b73;border-top:1px solid #e0e2e6;grid-template-columns:13px 1fr auto;align-items:center;gap:5px;padding:9px 5px;font-size:6px;display:grid}.layer i{border:1px solid #bfc3c9;width:9px;height:9px}.layer b{color:#6f747d;font-size:5px}.layer.active{color:#35133b;background:#e9e2f1}.layer.active i{background:#151419}.layer-footer{color:#878b93;justify-content:space-between;padding-top:13px;font-size:10px;display:flex}.delivery-panel{background:#e4e5e8}.delivery-grid{grid-template-rows:1fr 1fr;grid-template-columns:1.35fr .65fr;gap:7px;height:calc(100% - 24px);display:grid}.delivery-grid>div{opacity:0;background:#ccc;border-radius:5px;transition:all .75s cubic-bezier(.22,1,.36,1);overflow:hidden;transform:translateY(12px)}.delivery-grid .delivery-main{grid-row:1/3}.timeline-step.is-active .delivery-grid>div{opacity:1;transform:translateY(0)}.timeline-step.is-active .delivery-grid>div:nth-child(2){transition-delay:.15s}.timeline-step.is-active .delivery-grid>div:nth-child(3){transition-delay:.3s}.export-file{border-top:1px solid #e0e2e6;grid-template-columns:21px 1fr;align-items:center;gap:7px;padding:10px 0;display:grid}.export-file i{color:#858992;background:#e7e9ec;border-radius:50%;place-items:center;width:18px;height:18px;font-size:7px;font-style:normal;transition:all .45s;display:grid}.timeline-step.is-active .export-file i{background:var(--lime);color:#153718}.export-file span{color:#7b7f87;font-size:6px;line-height:1.5}.export-file b{color:#232127;font-size:7px;display:block}.export-panel button{color:#fff;text-align:left;text-transform:uppercase;letter-spacing:.08em;background:#17151a;border:0;border-radius:6px;width:100%;margin-top:14px;padding:10px 8px;font-size:6px}.export-panel button span{float:right;color:var(--lime)}@keyframes cursor-arrive{0%{opacity:0;transform:translate(-38px,25px)}45%{opacity:1}to{opacity:1;transform:translate(0)}}@keyframes workflow-image-in{0%{filter:brightness(.62)saturate(.82);transform:scale(1.035)}to{filter:brightness()saturate();transform:scale(1)}}@keyframes workflow-sweep{0%{opacity:0;transform:translate(-160%)skew(-10deg)}18%{opacity:1}82%{opacity:.72}to{opacity:0;transform:translate(540%)skew(-10deg)}}@keyframes workflow-scan{0%,12%{opacity:0;top:-12%}20%{opacity:.65}78%{opacity:.3}90%,to{opacity:0;top:105%}}@keyframes workflow-cursor-path{0%,7%{opacity:0;transform:translate(0)}13%{opacity:.92}35%{opacity:.92;transform:translate(115px,-82px)}54%{opacity:.92;transform:translate(205px,-38px)}70%{opacity:.92;transform:translate(255px,-122px)}88%,to{opacity:0;transform:translate(305px,-96px)}}@keyframes workflow-click{0%,32%,38%,to{opacity:0;transform:scale(.3)}34%{opacity:1;transform:scale(1.7)}37%{opacity:0;transform:scale(2.5)}}.about{clip-path:inset(0 -100vmax);color:var(--purple-dark);background:#d97300;grid-template-columns:.82fr 1.18fr;align-items:center;gap:100px;display:grid;box-shadow:0 0 0 100vmax #d97300}.portrait-frame{aspect-ratio:532/739;background:var(--purple-dark);position:relative;overflow:hidden;box-shadow:18px 18px #21002733}.portrait-frame:after{content:"";pointer-events:none;border:1px solid #21002747;position:absolute;inset:0}.portrait-frame img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.about .section-heading{margin-bottom:48px;display:block}.about .section-heading span{color:#ffffffe0;margin-bottom:40px;display:block}.about .section-heading h2{color:#fff}.about .section-heading h2 em{color:var(--lime)}.about-lead{color:var(--purple-dark)!important;font-size:25px!important;line-height:1.4!important}.about-copy>p{color:#210027c7;font-size:16px;line-height:1.7}.stats{border-top:1px solid #21002747;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px;padding-top:35px;display:grid}.stats strong{letter-spacing:-.07em;font-size:53px;display:block}.stats strong span{color:var(--lime)}.stats small{text-transform:uppercase;letter-spacing:.16em;color:#210027ad;font-size:9px;font-weight:700}.contact-footer{background:var(--purple-dark);color:#fff;padding:140px 0 0;position:relative;overflow:hidden}.contact-footer:before{content:"";background:linear-gradient(90deg,var(--highlight),var(--lime));height:5px;position:absolute;top:0;left:0;right:0}.footer-orb{border:1px solid #d1f72e24;border-radius:50%;width:580px;height:580px;position:absolute;top:80px;left:-240px;box-shadow:0 0 0 100px #ffffff03}.contact-grid{grid-template-columns:1fr 1fr;gap:100px;display:grid}.contact-footer h2{letter-spacing:-.07em;margin:70px 0 35px;font-size:clamp(62px,7vw,108px);line-height:.88}.contact-footer h2 em{color:var(--lime)}.contact-grid>div>p{max-width:480px;font-size:18px;line-height:1.5}.contact-footer form{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;background:#ffffff09;border:1px solid #ffffff2e;gap:27px;padding:45px;display:grid;position:relative}.contact-footer form label{text-transform:uppercase;letter-spacing:.16em;color:#ffffffb8;gap:10px;font-size:9px;font-weight:800;display:grid}.contact-footer input,.contact-footer textarea,.contact-footer select{color:#fff;background:0 0;border:0;border-bottom:1px solid #ffffff59;border-radius:0;outline:none;padding:10px 0 16px}.contact-footer input::placeholder,.contact-footer textarea::placeholder{color:#ffffff6b}.contact-footer select option{color:#fff;background:var(--purple-dark)}.contact-footer input:focus,.contact-footer textarea:focus,.contact-footer select:focus{border-color:var(--lime)}textarea{resize:vertical}.form-honey{display:none!important}.form-error{color:#ffb56a;margin:0;font-size:13px;line-height:1.45}.contact-footer form button,.contact-footer .thanks button{background:var(--lime);color:var(--purple-dark);cursor:pointer;border:0;border-radius:999px;justify-self:start;padding:17px 23px;font-weight:800}.contact-footer form button:disabled{cursor:wait;opacity:.62}.contact-footer form button span{color:var(--purple);margin-left:35px}.thanks{border:1px solid #ffffff40;align-self:center;padding:50px}.thanks>span{background:var(--highlight);width:50px;height:50px;color:var(--purple);border-radius:50%;place-items:center;display:grid}.thanks h3{margin:28px 0 10px;font-size:35px}.footer-bottom{border-top:1px solid #ffffff2e;grid-template-columns:1fr 1fr 1fr;align-items:end;margin-top:120px;padding:45px 0 55px;display:grid}.footer-identity{align-items:flex-end;gap:22px;display:flex}.footer-logo img{object-fit:contain;width:55px;height:88px}.footer-bottom p{color:#ffffff80;margin:0;font-size:12px;line-height:1.6}.footer-note{text-align:center;text-transform:uppercase;letter-spacing:.15em;font-size:9px!important}.footer-meta{text-transform:uppercase;letter-spacing:.13em;flex-direction:column;align-items:flex-end;gap:14px;font-size:9px;display:flex}@media (height<=800px) and (width>=901px){.hero{min-height:100svh;padding-top:120px;padding-bottom:55px}.hero h1{margin:48px 0 34px;font-size:clamp(72px,min(10vw,15vh),136px)}.hero-bottom p{font-size:16px;line-height:1.45}.type-constellation{width:clamp(410px,38vw,510px);top:108px}.constellation-core{width:145px;height:195px}.constellation-core img{height:170px}}@media (width>=901px) and (width<=1180px){.type-constellation{right:-105px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.word-face,.brand-flow-stage,.brand-flow-arrow i,.cursor-tip,.workflow-visual img,.workflow-sweep,.workflow-scan,.workflow-cursor,.workflow-cursor i{animation:none!important}.cursor-tip{opacity:1!important;transform:none!important}.workflow-visual img{filter:none!important;transform:none!important}.workflow-sweep,.workflow-scan,.workflow-cursor{display:none!important}*{transition:none!important}}@media (width<=900px){.shell{width:min(100% - 36px,760px)}.nav{height:80px}.menu-button{background:var(--lime);text-transform:uppercase;letter-spacing:.12em;border:0;border-radius:999px;padding:11px 17px;font-size:10px;font-weight:800;display:block}.nav nav{background:var(--white);width:100%;color:var(--purple);flex-direction:column;align-items:stretch;gap:25px;padding:25px;display:none;position:absolute;top:70px;left:0}.nav nav.open{display:flex}.nav-cta{text-align:center}.hero{min-height:auto;padding-top:150px;padding-bottom:82px}.hero h1{margin:78px 0 48px;font-size:clamp(65px,18vw,120px)}.hero-bottom{width:100%}.hero-bottom p{max-width:75%;font-size:15px}.type-constellation{width:min(86vw,560px);margin:68px auto 24px;position:relative;top:auto;right:auto;-webkit-mask-image:none;mask-image:none}.section{padding-top:95px;padding-bottom:95px}#work{padding:38px 24px 90px}#work .section-heading{margin-bottom:32px;padding-bottom:24px}#work .section-heading>p{justify-self:start;max-width:none}.section-heading,.section-heading.light{grid-template-columns:1fr;gap:24px;margin-bottom:55px}.section-heading h2{font-size:clamp(50px,12vw,76px)}.project-grid{grid-template-columns:1fr;gap:55px}.project:nth-child(2n){margin-top:0}.project:last-child:nth-child(odd){grid-column:auto;width:100%}.project-a .project-art:before,.project-b .project-art:before,.project-d .project-art:before{font-size:18vw}.timeline{grid-template-columns:46px 1fr;gap:24px}.timeline-rail{height:calc(100vh - 130px);min-height:400px;top:65px}.timeline-step{grid-template-columns:1fr;gap:42px;min-height:auto;padding:70px 0}.timeline-copy h3{margin:30px 0 22px}.timeline-tag{margin-top:30px}.design-workspace{grid-template-columns:38px minmax(0,1fr) 154px}.brief-panel,.board-panel,.artboard-panel,.delivery-panel{margin:13px;padding:17px}.notes-panel,.properties-panel,.layers-panel,.export-panel{padding:16px 12px}.about{grid-template-columns:1fr;gap:70px}.portrait-frame{justify-self:center;width:min(100%,620px)}.contact-grid{grid-template-columns:1fr;gap:70px}.contact-footer{padding-top:95px}.footer-bottom{grid-template-columns:1fr;gap:40px;margin-top:85px}.footer-note{text-align:left}.footer-meta{align-items:flex-start}.case-nav{padding-inline:18px}.case-layout{grid-template-columns:1fr;width:100%}.case-summary{height:auto;min-height:0;padding:70px 28px 40px;position:relative;top:auto}.case-summary-foot{margin-top:70px}.case-overview{grid-template-columns:1fr;gap:24px;padding:70px 28px}.case-process-grid{gap:35px;padding:70px 28px}.case-result{padding:80px 28px}}@media (width<=600px){.brand-flow{min-height:64px;padding:9px 12px}.brand-flow-track{grid-template-columns:auto 28px auto 28px auto;gap:6px}.brand-flow-stage{letter-spacing:.07em;gap:4px;padding:9px 6px;font-size:8px}.brand-flow-stage small{display:none}}@media (width<=560px){.intro-logo{height:54vh}.intro-corner{top:24px;left:20px}.intro-location{bottom:24px;right:20px}.intro-progress{bottom:24px;left:20px;right:20px}.brand-name{display:none}.hero{min-height:auto;padding-bottom:70px}.hero h1{margin-top:82px;font-size:18vw;line-height:.84}.hero-bottom p{max-width:78%}.round-link{width:50px;height:50px}.type-constellation{width:min(92vw,430px);margin-top:56px}.design-word{scale:.76}.constellation-core{width:128px;height:178px}.constellation-core img{height:155px}.project-meta{display:block}.project-meta span{margin-top:8px;display:block}.timeline{grid-template-columns:28px 1fr;gap:14px}.timeline-label{display:none}.timeline-rail{min-height:340px}.timeline-step{padding:55px 0}.timeline-copy h3{font-size:52px}.timeline-visual{aspect-ratio:1459/1078;border-radius:12px}.workflow-visual-4{aspect-ratio:1723/913}.workflow-cursor{display:none}.design-chrome{grid-template-columns:1fr auto;height:40px;padding:0 10px}.design-chrome>span{display:none}.design-workspace{grid-template-columns:30px minmax(0,1fr) 96px;height:calc(100% - 40px)}.design-toolbar{gap:6px;padding-top:8px}.design-toolbar i{width:17px;height:17px}.brief-panel,.board-panel,.artboard-panel,.delivery-panel{border-radius:7px;margin:8px;padding:11px}.notes-panel,.properties-panel,.layers-panel,.export-panel{padding:11px 7px}.ui-label{margin-bottom:9px;font-size:5px}.brief-panel h4{margin-bottom:11px;font-size:14px}.brief-line{padding:6px 0}.brief-line b,.brief-line span,.keyword-cloud>*,.comment-bubble,.property-row b,.property-row>span:not(.swatches),.direction-approved,.layer,.export-file span,.export-file b{font-size:5px}.keyword-cloud{gap:3px;margin-bottom:8px}.keyword-cloud>*{padding:4px}.piano-reference{height:52px;padding:6px}.comment-bubble{margin-top:7px;padding:6px}.comment-bubble span{display:none}.mood-grid{gap:4px}.mood-type strong{font-size:26px}.mood-type span{margin-top:5px;font-size:4px}.mood-words{font-size:9px}.selection-box{bottom:10px;right:10px}.property-row{padding:7px 0}.swatches i{width:12px;height:12px}.direction-approved{margin-top:8px;padding:6px}.direction-approved i{width:12px;height:12px}.layer{grid-template-columns:9px 1fr;padding:6px 2px}.layer b{display:none}.export-file{grid-template-columns:15px 1fr;gap:4px;padding:7px 0}.export-file i{width:13px;height:13px;font-size:5px}.export-panel button{margin-top:7px;padding:7px 5px;font-size:4px}.stats{gap:8px}.stats strong{font-size:38px}.portrait-frame{width:100%;box-shadow:10px 10px #36013f17}.contact-footer form{padding:28px 22px}.case-nav .brand-name{display:block}.case-summary dl{grid-template-columns:1fr 1fr}.case-process-grid,.case-gallery{grid-template-columns:1fr}.case-gallery .wide{grid-column:auto}.case-gallery>.case-frame:not(.wide):has(+.wide){grid-column:auto;width:100%}.case-gallery .wide img{aspect-ratio:4/3}.case-gallery .case-frame,.case-gallery img{min-height:280px}.case-gallery .logo-frame img{min-height:0}.next-project{padding:70px 0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}