.experiments-page{display:grid;place-items:center;min-height:calc(100svh - 80px);padding:48px 24px;background:#fff;color:#252525}.experiments-page__message{display:flex;align-items:center;justify-content:center;gap:.35em;font-size:clamp(18px,4.8vw,36px);text-align:center}.experiments-page__icon{flex:none;width:1.56em;height:1.2em}.experiments-page__icon img{display:block;width:100%;height:100%;object-fit:contain}.experiments-page h1{margin:0;font-family:Hero Roobert,Arial,sans-serif;font-size:1em;font-weight:400;line-height:1.2;letter-spacing:-.04em;white-space:nowrap}@font-face{font-family:Work DM Mono;src:url(/fonts/DMMono-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Work Headland One;src:url(/fonts/HeadlandOne-Regular.ttf) format("truetype");font-weight:400;font-display:swap}.work-page{padding:40px 40px 231px;max-width:1680px;margin-inline:auto}.work-page h1{margin:0 0 40px;font-family:Season Mix Trial,Georgia,serif;font-size:36px;line-height:43px;font-weight:400;letter-spacing:-.04em;text-box-trim:trim-both;text-box-edge:cap alphabetic;scroll-margin-top:120px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.work-card{position:relative;container-type:inline-size;margin:0;overflow:hidden;aspect-ratio:590 / 372;background:#f5f5f5}.work-card video{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.work-art-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.work-art-image--inset{position:absolute;top:8%;right:8%;bottom:8%;left:8%;width:84%;height:84%;object-fit:contain}.work-art-export{position:absolute;inset-inline-start:0;width:100%;height:auto;max-width:none}.work-art-export--top{top:0}.work-art-export--center{top:50%;transform:translateY(-50%)}.work-art-export--full{top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover}.work-art{position:absolute;top:0;right:0;bottom:0;left:0}.work-card--starts-row{grid-column-start:1}.work-art-layer{position:absolute;overflow:hidden}.work-art-layer img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.work-art-layer--inset:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 .4385cqw #0000000f,inset 0 -.4385cqw #0000000f}.work-art img{display:block;max-width:none}.work-art--ai{background:#f5f5f5}.work-art__ai-background{position:absolute;inset-block:0;inset-inline-start:-8.644%;width:113.56%;height:100%;object-fit:cover}.work-art__ai-caption{position:absolute;top:82.258%;inset-inline:5.085%;display:flex;align-items:center;justify-content:space-between}.work-art__ai-caption img{width:22.264%;height:auto}.work-art__ai-caption p{width:37.17%;margin:0;font:500 1.695cqw/1.21 monospace;letter-spacing:0;text-transform:uppercase;text-align:end;color:#fffc}.work-art--velar{background:linear-gradient(#ff6d29,#fc5101)}.work-art--velar img{width:100%;height:100%;object-fit:cover}.work-art__staking-background{position:absolute;inset-inline:0;top:-1.613%;width:100%;height:103.226%;object-fit:cover}.work-art__staking-interface{position:absolute;inset-inline-start:8.814%;top:7.527%;width:82.373%;height:84.677%;object-fit:cover}.work-art--metrics img{position:absolute;width:99.793%;height:112.634%;top:-6.183%;inset-inline-start:0;object-fit:cover;border-radius:1.356cqw}.work-art--market img{position:absolute;width:108.814%;height:100%;inset-inline-start:-4.407%;top:0;object-fit:cover}.work-art--editorial{display:flex;gap:2.887%;align-items:center;justify-content:center;background:#232528}.work-editorial-post{position:relative;background:#fff;color:#232528;width:41.452%;height:82.18%}.work-editorial-post>img{width:100%;height:55.585%;object-fit:cover}.work-editorial-post__copy{position:absolute;inset-inline:3.889%;top:59.85%}.work-editorial-post__date{margin:0 0 .69cqw;font:400 .998cqw/1.3 Work DM Mono,monospace;text-transform:uppercase;letter-spacing:0}.work-editorial-post__headline{margin:0;font:400 2.165cqw/1.25 Work Headland One,Georgia,serif;letter-spacing:0}.work-editorial-post__brand{position:absolute;margin:0;bottom:4.1%;inset-inline-start:3.889%;font:400 1.144cqw/1.3 Arial,sans-serif;text-transform:uppercase;letter-spacing:0}.work-media-controls{position:absolute;bottom:6px;inset-inline-end:6px;z-index:1;display:flex;align-items:center;gap:0}.work-media-control{position:relative;display:grid;place-items:center;width:44px;height:44px;border:0;padding:0;border-radius:50%;background:transparent;color:#303030;cursor:pointer}.work-media-control:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;background:#d2d2d2d1;pointer-events:none;transition:background-color .15s}.work-media-control svg{position:relative;width:14px;height:14px;pointer-events:none}.work-media-control:focus-visible{outline:2px solid #fff;outline-offset:1px;box-shadow:0 0 0 4px #252525}@media (hover: hover){.work-media-control:hover:before{background:#dcdcdcf0}}.work-media-control:active:before{transform:scale(.96)}@media (forced-colors: active){.work-media-control:before{background:ButtonFace;border:1px solid ButtonText}.work-media-control{color:ButtonText}}.work-media-error{position:absolute;inset-inline:16px;top:16px;color:#fff;background:#252525;font-size:13px;line-height:1.5;padding:6px 10px}.work-media-error:empty{display:none}@media (max-width: 42rem){.work-page{padding:32px 20px 80px}.work-page h1{font-size:32px;line-height:1.2;margin-bottom:32px}.work-grid{grid-template-columns:minmax(0,1fr);gap:16px}.work-media-controls{bottom:2px;inset-inline-end:2px}}.about-page{width:100%;padding-block:64px 64px;color:#252525;font-family:Hero Roobert,Arial,sans-serif;font-weight:400;font-style:normal;font-size:18px;line-height:1.6;letter-spacing:0;overflow-wrap:break-word;-webkit-user-select:text;user-select:text}.about-page>article{width:min(100% - 80px,720px);margin-inline:auto}.about-page h1{max-width:15ch;margin:0 0 48px;font-family:Season Mix Trial,Georgia,serif;font-size:36px;font-weight:400;line-height:43px;letter-spacing:-.04em;text-wrap:balance;scroll-margin-top:112px}.about-page__story{position:relative;isolation:isolate;max-width:68ch}.about-page__story p{margin:0 0 1.25em}.about-page__story p:last-child{margin-bottom:0}.about-highlight{color:inherit;background:linear-gradient(to bottom,transparent .1em,var(--highlight-fill) .1em,var(--highlight-fill) calc(100% - .1em),transparent calc(100% - .1em));border-inline:2px solid var(--highlight-edge);padding:.18em .12em;-webkit-box-decoration-break:slice;box-decoration-break:slice}.about-highlight--purple{--highlight-edge: #7929dc;--highlight-fill: rgb(214 168 250 / .35)}.about-highlight--blue{--highlight-edge: #4b8ee2;--highlight-fill: rgb(75 142 226 / .22)}.about-highlight--yellow{--highlight-edge: #fccc30;--highlight-fill: rgb(252 204 48 / .28)}.about-highlight--green{--highlight-edge: #6da53d;--highlight-fill: rgb(109 165 61 / .22)}.about-highlight--pink{--highlight-edge: #f77fce;--highlight-fill: rgb(247 127 206 / .25)}.about-selections{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;-webkit-user-select:none;user-select:none}.about-selection__line{position:absolute}.about-selection__fill{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent .1em,var(--highlight-fill) .1em,var(--highlight-fill) calc(100% - .1em),transparent calc(100% - .1em));clip-path:inset(0 100% 0 0)}.about-selection__caret{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--highlight-edge);opacity:0}@media (prefers-reduced-motion: no-preference) and (forced-colors: none){.about-highlight[data-highlight-pending]{background:transparent;border-color:transparent}}@media (forced-colors: active){.about-highlight{background:transparent;border-color:Mark;text-decoration:underline}}.about-page__story a{color:inherit;text-decoration:underline;text-underline-offset:.15em}@media (max-width: 42rem){.about-page{padding-block:40px;font-size:16px}.about-page>article{width:calc(100% - 40px)}.about-page h1{font-size:32px;line-height:1.2;margin-bottom:32px}}.about-photos{position:relative;--photo-size: clamp(140px, 14.4vw, 204px);--photo-gap: clamp(16px, 1.76vw, 26px);margin-top:48px}.about-photos__viewport{overflow:hidden;padding-block:20px;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.about-photos__viewport:focus-visible{outline:2px solid #7929dc;outline-offset:-4px}.about-photos__track{display:flex;width:max-content}.about-photos__group{display:flex;align-items:center;justify-content:space-around;gap:var(--photo-gap);padding-inline-end:var(--photo-gap);min-width:100vw;flex-shrink:0}.about-photos__card{flex:0 0 var(--photo-size);width:var(--photo-size);height:var(--photo-size);margin:0;transform:rotate(var(--photo-tilt))}.about-photos__card img{display:block;width:100%;height:100%;object-fit:cover;border-radius:7px;outline:1px solid rgb(0 0 0 / .1);outline-offset:-1px}.about-photos__toggle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.about-photos__toggle:focus-visible{outline:2px solid #7929dc;outline-offset:-4px}@media (prefers-reduced-motion: no-preference){.about-photos__track{animation:about-photo-drift 60s linear infinite}.about-photos:focus-within .about-photos__track{animation-play-state:paused}@keyframes about-photo-drift{to{transform:translate(-50%)}}}@media (hover: hover) and (pointer: fine){.about-photos:hover .about-photos__track{animation-play-state:paused}}@media (prefers-reduced-motion: reduce){.about-photos__viewport{overflow-x:auto;-webkit-mask-image:none;mask-image:none;padding-inline:20px}.about-photos__group[aria-hidden],.about-photos__toggle{display:none}}.portfolio-cursor,.portfolio-cursor-point{display:none;position:fixed;top:0;left:0;z-index:10000;width:0;height:0;pointer-events:none;-webkit-user-select:none;user-select:none;visibility:hidden}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) and (forced-colors: none){.portfolio-cursor,.portfolio-cursor-point{display:block}.portfolio-cursor[data-visible],.portfolio-cursor-point[data-visible]{visibility:visible}.hero-v2[data-portfolio-cursor],.hero-v2[data-portfolio-cursor] *{cursor:none!important}.portfolio-cursor{--cursor-fill: #7929dc;--cursor-corner: #d6a8fa;transition:transform .1s var(--stamp-home-reveal-ease, cubic-bezier(.23, 1, .32, 1))}.portfolio-cursor[data-tone=yellow]{--cursor-fill: #fccc30;--cursor-corner: #4b8ee2}.portfolio-cursor[data-tone=coral]{--cursor-fill: #ff4b36;--cursor-corner: #f77fce}.portfolio-cursor svg{display:block;width:23px;height:23px;transform:translate(-50%,-50%);overflow:visible}.portfolio-cursor__box{fill:var(--cursor-fill)}.portfolio-cursor__corners{fill:none;stroke:var(--cursor-corner);stroke-width:1.5}.portfolio-cursor-point:before{content:"";display:block;width:3px;height:3px;background:#fff;box-shadow:0 0 0 1px #252525;transform:translate(-50%,-50%)}}@font-face{font-family:Season Mix Trial;src:url(/fonts/SeasonMix-TRIAL-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hero Roobert;src:url(/fonts/RoobertTRIAL-Regular.otf) format("opentype");font-weight:400;font-display:swap}@font-face{font-family:Hero Roobert;src:url(/fonts/RoobertTRIAL-SemiBold.otf) format("opentype");font-weight:600;font-display:swap}.portfolio-hero{height:100vh;height:100svh;overflow-x:hidden;overflow-y:auto;background:#252525;color:#000;font-family:Hero Roobert,Arial,sans-serif;letter-spacing:-.02em}.portfolio-hero img{-webkit-user-drag:none;pointer-events:none}.hero-ambience{position:fixed;z-index:10;right:26px;bottom:26px}.hero-sound-toggle{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#252525;cursor:pointer;border-radius:50%}.hero-sound-toggle:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid #252525;border-radius:50%;background:#faf6e5}.hero-sound-toggle svg{position:relative}.hero-sound-toggle:focus-visible{outline:2px solid #faf6e5;outline-offset:2px;box-shadow:0 0 0 2px #252525}.hero-sound-toggle:hover:before{background:#fff}.hero-ambience__error{position:absolute;right:0;bottom:50px;width:max-content;max-width:min(250px,calc(100vw - 48px));padding:8px 12px;border:1px solid #252525;background:#faf6e5;color:#252525;font-size:13px;line-height:1.4}.hero-ambience__error:empty{display:none}.hero-stage{container-type:size;position:relative;isolation:isolate;width:100%;height:100vh;height:100svh;min-height:480px;-webkit-user-select:none;user-select:none;--u: min(.078125cqw, .1201923cqh)}.hero-paper{--stamp-radius: 8px;--stamp-pitch: 24px;position:absolute;inset:calc(20 * var(--u));z-index:-1;overflow:hidden;pointer-events:none;background:#fff;mask:radial-gradient(circle at 50% 0,transparent calc(var(--stamp-radius) - .5px),#000 var(--stamp-radius)) top center / var(--stamp-pitch) 100% round no-repeat,radial-gradient(circle at 50% 100%,transparent calc(var(--stamp-radius) - .5px),#000 var(--stamp-radius)) bottom center / var(--stamp-pitch) 100% round no-repeat,radial-gradient(circle at 0 50%,transparent calc(var(--stamp-radius) - .5px),#000 var(--stamp-radius)) left center / 100% var(--stamp-pitch) no-repeat round,radial-gradient(circle at 100% 50%,transparent calc(var(--stamp-radius) - .5px),#000 var(--stamp-radius)) right center / 100% var(--stamp-pitch) no-repeat round;-webkit-mask-composite:source-in;mask-composite:intersect}.hero-paper__asset{position:absolute;top:-3%;right:-3%;bottom:-3%;left:-3%;display:block;width:106%;max-width:none;height:106%}.hero-pattern{--pattern-height: calc(32.8125cqh - 20 * var(--u));--pattern-unit: calc(var(--pattern-height) / 253);--ship-width: clamp(88px, calc(128 * var(--u)), 144px);--ship-crossing-duration: 75s;--ship-crossing-phase: -18s;--ship-swell-duration: 4.8s;--ship-bob-height: calc(3 * var(--u));--ship-roll: 3deg;position:absolute;inset:auto 0 0;height:var(--pattern-height);overflow:hidden;background:#d6a8fa}.hero-pattern__row{--pattern-tile-width: calc(var(--pattern-unit) * var(--tile-width));position:absolute;inset-inline:0;top:calc(var(--row-start) * var(--pattern-unit));height:calc(var(--row-height) * var(--pattern-unit));overflow:hidden}.hero-pattern__track{position:absolute;inset:0 calc(-1 * var(--pattern-tile-width)) 0 0;background-image:var(--row-art);background-size:var(--pattern-tile-width) 100%;background-position:0 0;background-repeat:repeat-x}@keyframes hero-pattern-drift{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--pattern-tile-width)))}}@media (prefers-reduced-motion: no-preference){.hero-pattern__track{animation:hero-pattern-drift var(--row-duration) linear infinite}.hero-pattern__row:nth-child(2n) .hero-pattern__track{animation-direction:reverse}}.hero-ship-crossing{position:absolute;top:36%;left:calc(-1 * var(--ship-width));width:calc(100% + 2 * var(--ship-width));pointer-events:none;transform:translate(22%)}.hero-ship-bob{width:var(--ship-width);transform-origin:50% 88%}.hero-ship{display:block;width:100%;height:auto}@keyframes hero-ship-sail{0%{transform:translate(0)}to{transform:translate(100%)}}@keyframes hero-ship-swell{0%,to{transform:translateY(var(--ship-bob-height)) rotate(calc(-1 * var(--ship-roll)))}50%{transform:translateY(calc(-1 * var(--ship-bob-height))) rotate(var(--ship-roll))}}@media (prefers-reduced-motion: no-preference){.hero-ship-crossing{animation:hero-ship-sail var(--ship-crossing-duration) linear var(--ship-crossing-phase) infinite}.hero-ship-bob{animation:hero-ship-swell var(--ship-swell-duration) ease-in-out infinite}}.hero-intro{position:absolute;top:8.4134615%;left:5.46875%;width:calc(416 * var(--u));display:flex;flex-direction:column;gap:calc(20 * var(--u))}.hero-intro h1{margin:0;font-family:Season Mix Trial,Georgia,serif;font-style:normal;font-weight:400;font-size:calc(44 * var(--u));line-height:1.87927;letter-spacing:-.04em;text-box-trim:trim-both;text-box-edge:cap alphabetic}.hero-intro p{font-size:calc(16 * var(--u));line-height:1.4375}.hero-contact{position:absolute;right:5.46875%;top:8.4134615%;display:flex;align-items:center;justify-content:center;min-height:calc(32 * var(--u));padding:0 calc(10 * var(--u));background:#000;color:#fff;font-size:calc(16 * var(--u));font-weight:600;line-height:1.25;text-decoration:none}.hero-contact:after{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}.hero-portrait{position:absolute;left:calc(50% + 44.42 * var(--u));top:26.4423077%;width:calc(394 * var(--u));height:calc(411 * var(--u));background:#7d7d7d}.hero-portrait img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero-portrait__background{object-fit:cover}.hero-portrait__foreground{object-fit:fill;object-position:bottom}.hero-tile{position:absolute;left:calc(50% - 36.58 * var(--u));top:calc(26.4423077% - 81 * var(--u));width:calc(81 * var(--u));height:calc(81 * var(--u));pointer-events:auto}.hero-tile__art{display:block;width:100%;height:100%;overflow:hidden;pointer-events:none}.hero-tile__circle{transform-box:fill-box;transform-origin:center}@keyframes hero-tile-circle-pop{0%,to{transform:scale(1)}28%{transform:scale(.4)}56%{transform:scale(1.18)}76%{transform:scale(.88)}90%{transform:scale(1.04)}}@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){.hero-tile:hover .hero-tile__circle{animation:hero-tile-circle-pop 1.2s cubic-bezier(.2,0,0,1) var(--pop-delay) infinite}}.hero-bird{position:absolute;height:auto;pointer-events:none;--flap-duration: 2.8s;--flap-phase: -.6s;--flap-angle: 16deg;--flight-duration: 18s;--flight-phase: -4s;--flight-x: calc(80 * var(--u));--flight-y: calc(-8 * var(--u));--flight-arc: calc(10 * var(--u))}.hero-bird--top{left:66.794%;top:8.447%;width:calc(49.8 * var(--u))}.hero-bird--portrait{left:calc(50% - 91.04 * var(--u));top:calc(26.4423077% - 30.494 * var(--u));width:calc(77.3145 * var(--u))}.hero-bird--left{left:4.123%;top:26.735%;width:calc(50.5219 * var(--u));transform:rotate(-6.05deg)}.hero-bird--right{right:5.39%;top:37.34%;width:calc(37.8132 * var(--u));transform:rotate(7.21deg)}.hero-bird--portrait{--flap-duration: 3.2s;--flap-phase: -1.5s;--flap-angle: 14deg}.hero-bird--left{--flap-duration: 3s;--flap-phase: -2.2s}.hero-bird--right{--flap-duration: 2.6s;--flap-phase: -.9s}.hero-bird--portrait{--flight-duration: 22s;--flight-phase: -11s;--flight-x: calc(-28 * var(--u));--flight-y: calc(34 * var(--u))}.hero-bird--left{--flight-duration: 20s;--flight-phase: -7s;--flight-x: calc(52 * var(--u));--flight-y: calc(26 * var(--u))}.hero-bird--right{--flight-duration: 19s;--flight-phase: -14s;--flight-x: calc(-46 * var(--u));--flight-y: calc(-22 * var(--u))}@keyframes hero-bird-travel{0%,to{translate:0 0}25%{translate:calc(var(--flight-x) * .45) calc(var(--flight-y) * .25 - var(--flight-arc))}50%{translate:var(--flight-x) var(--flight-y)}75%{translate:calc(var(--flight-x) * .45) calc(var(--flight-y) * .75 + var(--flight-arc))}}.hero-bird__part{position:absolute;top:0;right:0;bottom:0;left:0}.hero-bird__part img{display:block;width:100%;height:100%}.hero-bird__part--left{clip-path:inset(-25% 56% -25% -10%);--wing-angle: calc(-1 * var(--flap-angle))}.hero-bird__part--left img{transform-origin:44% 50%}.hero-bird__part--body{clip-path:inset(0 40% 0 44%)}.hero-bird__part--right{clip-path:inset(-25% -10% -25% 60%);--wing-angle: var(--flap-angle)}.hero-bird__part--right img{transform-origin:60% 50%}@keyframes hero-bird-flap{0%,70%,to{transform:skewY(0)}35%{transform:skewY(var(--wing-angle))}}@media (prefers-reduced-motion: no-preference){.hero-bird{animation:hero-bird-travel var(--flight-duration) ease-in-out var(--flight-phase) infinite}.hero-bird__part--left img,.hero-bird__part--right img{animation:hero-bird-flap var(--flap-duration) ease-in-out var(--flap-phase) infinite}}.hero-clients{position:absolute;left:5.46875%;top:50.2403846%;width:calc(345 * var(--u))}.hero-clients h2{font-size:calc(18 * var(--u));font-weight:600;line-height:1.27778;margin-bottom:calc(18 * var(--u))}.hero-client-logos{display:flex;flex-wrap:wrap;align-items:center;gap:calc(15 * var(--u)) calc(30 * var(--u))}.hero-client-logos img{display:block;flex:none;width:calc(var(--logo-width) * var(--u));height:calc(var(--logo-height) * var(--u))}.hero-navigation{--nav-duration: .15s;--letter-duration: .24s;--letter-stagger: 18ms;--letter-ease: cubic-bezier(.2, 0, 0, 1);position:absolute;right:5.46875%;top:51.0817308%;display:flex;flex-direction:column;align-items:flex-end;gap:calc(12 * var(--u))}.hero-navigation a{position:relative;color:#000;font-weight:600;font-size:calc(18 * var(--u));line-height:1.11111;text-decoration:none}.hero-navigation a:after{content:"";position:absolute;top:-5px;right:0;bottom:-5px;left:0}.hero-navigation__label{display:inline-flex;vertical-align:top}.hero-navigation__letter-window{display:inline-block;overflow:hidden}.hero-navigation__letter{position:relative;display:block}.hero-navigation__letter:after{content:attr(data-letter);position:absolute;inset:100% 0 auto}.hero-navigation__arrow{position:absolute;inset-inline-start:calc(100% + 6px);top:50%;margin-top:-9px;opacity:0;pointer-events:none}.hero-navigation a:focus-visible{color:#0068b8}.hero-navigation a:focus-visible .hero-navigation__arrow{opacity:1}@media (hover: hover) and (pointer: fine){.hero-navigation a:hover{color:#0068b8}.hero-navigation a:hover .hero-navigation__arrow{opacity:1}}@media (min-width: 48rem) and (prefers-reduced-motion: no-preference){.hero-navigation__letter{transition:transform var(--nav-duration) var(--letter-ease)}.hero-navigation__arrow{transform:translate(-8px);transition:opacity var(--nav-duration) ease-out,transform var(--nav-duration) cubic-bezier(.2,0,0,1)}.hero-navigation a:focus-visible .hero-navigation__letter{transform:translateY(-100%);transition-duration:var(--letter-duration);transition-delay:calc(var(--letter-index) * var(--letter-stagger))}.hero-navigation a:focus-visible .hero-navigation__arrow{transform:translate(0)}}@media (min-width: 48rem) and (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference){.hero-navigation a:hover .hero-navigation__letter{transform:translateY(-100%);transition-duration:var(--letter-duration);transition-delay:calc(var(--letter-index) * var(--letter-stagger))}.hero-navigation a:hover .hero-navigation__arrow{transform:translate(0)}}.portfolio-hero a:focus-visible{outline:2px solid #0068b8;outline-offset:5px}@media (hover: hover){.hero-contact:hover{background:#333}}@media (max-width: 47.99rem){.hero-ambience{right:18px;bottom:18px}.hero-bird{--flight-arc: 4px}.hero-bird--top{--flight-x: -20px;--flight-y: -8px}.hero-bird--portrait{--flight-x: 20px;--flight-y: -15px}.hero-bird--left{--flight-x: 12px;--flight-y: -18px}.hero-bird--right{--flight-x: -12px;--flight-y: 12px}.hero-stage{min-height:800px;--u: 1px}.hero-paper{top:12px;right:12px;bottom:12px;left:12px;--stamp-radius: 6px;--stamp-pitch: 20px}.hero-pattern{--pattern-height: calc((100cqh - 24px)*.16) ;--ship-width: 88px;--ship-crossing-duration: 48s;--ship-crossing-phase: -12s}.hero-intro{top:40px;left:32px;width:calc(100% - 64px);gap:20px}.hero-intro h1{font-size:36px}.hero-intro p{font-size:16px;max-width:390px}.hero-contact{top:41px;right:32px;font-size:14px;min-height:32px;padding-inline:8px}.hero-portrait,.hero-tile,.hero-bird--portrait{--portrait-width: min(60cqw, 280px, calc((31.5cqh - 24px) * 394 / 411))}.hero-portrait{top:33%;left:50%;width:var(--portrait-width);height:auto;aspect-ratio:394 / 411;transform:translate(-50%)}.hero-tile{top:calc(33% - 48px);left:calc(50% - var(--portrait-width) / 2 - 48px);width:48px;height:48px}.hero-bird--portrait{top:calc(33% - 19px);left:calc(50% - var(--portrait-width) / 2 - 62px);width:48px}.hero-bird--top{top:25%;left:70%;width:35px}.hero-bird--left{top:53%;left:8%;width:30px}.hero-bird--right{top:43%;right:7%;width:28px}.hero-clients{top:64.5%;left:32px;width:calc(100% - 64px)}.hero-clients h2{font-size:16px;margin-bottom:12px}.hero-client-logos{gap:10px 18px;max-width:310px}.hero-client-logos img{width:calc(var(--logo-width) * .85px);height:calc(var(--logo-height) * .85px)}.hero-navigation{top:calc(64.5% + 92px);bottom:auto;left:32px;right:32px;flex-direction:row;justify-content:space-between;gap:8px}.hero-navigation a{font-size:14px;line-height:44px;white-space:nowrap}.hero-navigation__arrow{display:none}.hero-navigation a:after{top:0;right:0;bottom:0;left:0}}@media (max-width: 22rem){.hero-intro h1{font-size:29px}.hero-intro p{font-size:15px}.hero-contact{top:38px}.hero-client-logos{gap:10px 14px}}@font-face{font-family:Hero Morganite;src:url(/fonts/Morganite-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Hero Roobert;src:url(/fonts/RoobertTRIAL-SemiBoldItalic.otf) format("opentype");font-weight:600;font-style:italic;font-display:swap}.hero-v2{height:100vh;height:100svh;overflow:auto;background:#252525;color:#000;font-family:Hero Roobert,Arial,sans-serif;letter-spacing:-.02em}.hero-v2__stage{--frame-inset: 20px;--content-inset: 5.46875%;--stage-height: max(680px, 100svh);--pattern-height: calc((var(--stage-height) - 2 * var(--frame-inset)) * 257 / 792);container-type:size;position:relative;isolation:isolate;display:grid;grid-template-rows:1fr auto calc(var(--pattern-height) + var(--frame-inset));height:var(--stage-height)}.hero-v2__paper{inset:var(--frame-inset);background:#fff url(/hero-v2/paper.svg) center / 106% 106% no-repeat;-webkit-mask-repeat:repeat-x,repeat-x,repeat-y,repeat-y;mask-repeat:repeat-x,repeat-x,repeat-y,repeat-y;-webkit-mask-position:top left,bottom left,top left,top right;mask-position:top left,bottom left,top left,top right}.hero-v2__paper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#252525;opacity:0;pointer-events:none}.hero-v2__pattern{position:absolute;inset:auto 0 0;height:var(--pattern-height);overflow:hidden}.hero-v2__pattern img{position:absolute;left:0;top:-79.17%;width:100%;max-width:none;height:221.74%;object-fit:cover}.hero-v2 img{pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.hero-v2__navigation{z-index:20;position:absolute;inset:58px var(--content-inset) auto;display:flex;justify-content:space-between;gap:24px}.hero-v2__nav-link{--nav-accent: var(--nav-accent-light, #7929dc);display:inline-flex;align-items:center;min-height:44px;color:inherit;font-size:18px;font-weight:600;font-style:italic;line-height:20px;letter-spacing:-.02em;text-decoration:none}.hero-v2 a:focus-visible{outline:2px solid #7929dc;outline-offset:5px}@media (hover: hover) and (pointer: fine){.hero-v2__nav-link:hover{color:var(--nav-accent)}}.hero-v2__nav-link:focus-visible,.hero-v2__nav-link:active{color:var(--nav-accent)}.hero-v2__content{grid-row:2;display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-inline:var(--content-inset);padding-bottom:50px}.hero-v2__intro{display:flex;flex-direction:column;gap:8px;width:466px;min-width:0}.hero-v2__identity{display:flex;align-items:flex-end;gap:12px;margin-block-end:16px}.hero-v2__portrait{flex:none;width:83px;height:74px}.hero-v2__identity h1{margin:0;font-family:Hero Morganite,Arial Narrow,sans-serif;font-size:105px;font-weight:700;font-style:italic;line-height:74px;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;text-box-trim:trim-both;text-box-edge:cap alphabetic}.hero-v2__intro p{margin:0;max-width:459px;font-size:20px;line-height:1.4;letter-spacing:-.02em}.hero-v2__socials{font-size:18px;font-weight:600;font-style:italic;line-height:20px;letter-spacing:-.02em}.hero-v2__social-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 24px}.hero-v2__social-links :is(a,button){display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-decoration:none;cursor:pointer}.hero-v2__social-links button{min-width:3.4em}.hero-v2__social-links :is(a,button):focus-visible{outline:2px solid #7929dc;outline-offset:4px}.hero-v2__social-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.hero-v2__social-error{display:block;margin-top:8px;font-size:14px}.hero-v2__social-error span{-webkit-user-select:text;user-select:text;overflow-wrap:anywhere}@media (hover: hover) and (pointer: fine){.hero-v2__social-links :is(a,button):hover{color:#7929dc}}@media (forced-colors: active){.hero-v2__social-links :is(a,button):focus-visible{outline-color:Highlight}}.hero-v2__clients{flex:none;width:345px}.hero-v2__clients h2{margin:0 0 24px;font-size:18px;font-weight:600;line-height:23px;letter-spacing:-.02em}.hero-v2__logos{display:flex;flex-wrap:wrap;align-items:center;gap:15px 30px}.hero-v2__logos img{flex:none;max-width:none}.hero-v2__client-link{position:relative;display:inline-flex;flex:none}.hero-v2__client-link img{display:block}.hero-v2__client-link:after{content:"";position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px}@media (min-width: 62.001rem){.hero-v2__content{display:grid;grid-template-columns:minmax(0,466px) 345px;grid-template-rows:auto auto auto;gap:8px 48px;align-items:stretch}.hero-v2__intro{display:grid;grid-column:1;grid-row:1 / 4;grid-template-rows:subgrid;width:auto}.hero-v2__socials{align-self:end}.hero-v2__social-links :is(a,button){align-items:flex-end}.hero-v2__clients{display:grid;grid-column:2;grid-row:2 / 4;grid-template-rows:subgrid;row-gap:8px;width:auto}.hero-v2__clients h2{align-self:end;margin:0 0 8px}.hero-v2__logos{align-self:end}}@media (max-width: 62rem){.hero-v2__stage{--stage-height: max(780px, 100svh);--content-inset: 40px}.hero-v2__content{flex-direction:column;align-items:flex-start;gap:36px;padding-bottom:40px}.hero-v2__intro{width:min(100%,466px)}.hero-v2__navigation{gap:16px}}@media (max-width: 35rem){.hero-v2__stage{--frame-inset: 12px;--content-inset: 32px;--pattern-height: calc((var(--stage-height) - 24px) * .24);--stage-height: max(760px, 100svh)}.hero-v2__paper{--stamp-radius: 6px;--stamp-pitch: 20px}.hero-v2__pattern img{top:0;height:100%}.hero-v2__navigation{top:32px;inset-inline:24px;gap:8px}.hero-v2__nav-link{font-size:14px}.hero-v2__content{gap:32px;padding-bottom:36px}.hero-v2__intro{gap:4px}.hero-v2__identity{gap:10px;margin-block-end:16px}.hero-v2__portrait{width:58px;height:auto}.hero-v2__identity h1{font-size:72px;line-height:52px}.hero-v2__intro p{font-size:16px;line-height:1.5}.hero-v2__socials{font-size:14px}.hero-v2__social-links{column-gap:16px}.hero-v2__clients{width:min(100%,345px)}.hero-v2__clients h2{font-size:16px;margin-bottom:16px}.hero-v2__logos{gap:14px 20px}}@media (max-width: 22rem){.hero-v2__stage{--content-inset: 28px}.hero-v2__navigation{gap:8px}.hero-v2__nav-link,.hero-v2__socials{font-size:13px}.hero-v2__identity h1{font-size:62px;line-height:46px}.hero-v2__portrait{width:50px}.hero-v2__logos{gap:14px 16px}}.hero-v2{--stamp-fold-duration: .6s;--stamp-exit-duration: .18s;--stamp-color-duration: .3s;--stamp-reveal-delay: .3s;--stamp-reveal-duration: .3s;--stamp-fold-ease: cubic-bezier(.22, 1, .36, 1);--stamp-home-reveal-duration: .18s;--stamp-home-reveal-ease: cubic-bezier(.23, 1, .32, 1)}.hero-v2__stage{overflow:visible}.hero-v2__navigation{color:#000}.hero-v2--inner{background:#fff}.hero-v2--inner .playground-page{height:auto;overflow:visible;scrollbar-gutter:auto}.hero-v2--inner .hero-v2__stage{position:sticky;top:0;z-index:10;height:80px;color:#fff}.hero-v2--inner .hero-v2__paper{inset:-24px var(--frame-inset) 0}.hero-v2--inner .hero-v2__paper:before{opacity:1}.hero-v2--inner .hero-v2__navigation{inset:15px 7.96875% auto;color:#fff}.hero-v2--inner .hero-v2__content{opacity:0;visibility:hidden;transform:translateY(-24px);pointer-events:none}.hero-v2--inner .hero-v2__pattern{opacity:0;visibility:hidden;transform:translateY(-24px)}.hero-v2--inner .hero-v2__nav-link:focus-visible{outline-color:#fff}.hero-v2--inner .hero-v2__nav-link{--nav-accent: var(--nav-accent-dark, #d6a8fa)}.work-skip{position:fixed;inset-block-start:8px;inset-inline-start:28px;z-index:30;padding:10px 14px;background:#fff;color:#252525;transform:translateY(-200%)}.work-skip:focus{transform:none}@media (prefers-reduced-motion: no-preference){.hero-v2{transition:background-color var(--stamp-fold-duration) var(--stamp-fold-ease)}.hero-v2__stage{transition:height var(--stamp-fold-duration) var(--stamp-fold-ease)}.hero-v2__paper{transition:inset var(--stamp-fold-duration) var(--stamp-fold-ease)}.hero-v2__paper:before{transition:opacity var(--stamp-color-duration) ease-out}.hero-v2__navigation{transition:inset var(--stamp-fold-duration) var(--stamp-fold-ease),color var(--stamp-color-duration) ease-out}.hero-v2__content,.hero-v2__pattern{transition:transform var(--stamp-exit-duration) ease-out,opacity var(--stamp-exit-duration) ease-out,visibility var(--stamp-exit-duration)}.hero-v2:not(.hero-v2--inner) .hero-v2__content{transition:opacity var(--stamp-home-reveal-duration) var(--stamp-home-reveal-ease) var(--stamp-reveal-delay)}.hero-v2:not(.hero-v2--inner) .hero-v2__pattern{transition:opacity var(--stamp-reveal-duration) var(--stamp-home-reveal-ease) var(--stamp-exit-duration)}.hero-v2--inner :is(.work-page,.about-page,.playground-page){animation:work-reveal var(--stamp-reveal-duration) var(--stamp-reveal-delay) var(--stamp-fold-ease) both}@keyframes work-reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}}.hero-v2.hero-v2--instant,.hero-v2.hero-v2--instant :is(.hero-v2__stage,.hero-v2__paper,.hero-v2__navigation,.hero-v2__content,.hero-v2__pattern),.hero-v2.hero-v2--instant .hero-v2__paper:before{transition:none}.hero-v2--instant :is(.work-page,.about-page,.playground-page){animation:none}@media (max-width: 35rem){.hero-v2--inner .hero-v2__navigation{inset-inline:24px}}/*! 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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--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;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-content:""}}}@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-serif:ui-serif, Georgia, Cambria, "Times New Roman", Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-900:oklch(39.6% .141 25.723);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-300:oklch(87.2% .01 258.338);--color-zinc-500:oklch(55.2% .016 285.938);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-900:oklch(21% .006 285.885);--color-neutral-700:oklch(37.1% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xl:36rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--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%;-moz-tab-size:4;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;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]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance: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{.\@container{container-type:inline-size}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.ms-4{margin-inline-start:calc(var(--spacing) * 4)}.mt-4{margin-top:calc(var(--spacing) * 4)}.ml-4{margin-left:calc(var(--spacing) * 4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.h-10{height:calc(var(--spacing) * 10)}.h-full{height:100%}.w-\[80\%\]{width:80%}.w-\[calc\(100\%\/0\.8125\)\]{width:123.077%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[65ch\]{max-width:65ch}.max-w-xl{max-width:var(--container-xl)}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-left{transform-origin:0}.origin-right{transform-origin:100%}.translate-x-px{--tw-translate-x:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-\[0\.25\]{scale:.25}.scale-\[0\.8125\]{scale:.8125}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.\[scroll-padding-inline\:1\.5rem\]{scroll-padding-inline:1.5rem}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[10px\]{border-radius:10px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-300{background-color:var(--color-gray-300)}.bg-transparent{background-color:#0000}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-2{padding:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-2{padding-block:calc(var(--spacing) * 2)}.ps-4{padding-inline-start:calc(var(--spacing) * 4)}.pe-3\.5{padding-inline-end:calc(var(--spacing) * 3.5)}.pe-6{padding-inline-end:calc(var(--spacing) * 6)}.pr-6{padding-right:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.text-start{text-align:start}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.font-serif{font-family:var(--font-serif)}.\[font-feature-settings\:\"ss01\"\]{font-feature-settings:"ss01"}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-9xl{font-size:var(--text-9xl);line-height:var(--tw-leading,var(--text-9xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-\[calc\(1\.125\/0\.8125\)\]{--tw-leading:calc(1.125 / .8125);line-height:1.38462}.leading-none{--tw-leading:1;line-height:1}.leading-normal{--tw-leading:var(--leading-normal);line-height:var(--leading-normal)}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.\!text-red-900{color:var(--color-red-900)!important}.text-blue-600{color:var(--color-blue-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-white{color:var(--color-white)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.slashed-zero{--tw-slashed-zero:slashed-zero;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.decoration-dotted{text-decoration-style:dotted}.decoration-wavy{text-decoration-style:wavy}.decoration-1{text-decoration-thickness:1px}.decoration-2{text-decoration-thickness:2px}.decoration-from-font{text-decoration-thickness:from-font}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline,.outline-1{outline-style:var(--tw-outline-style);outline-width:1px}.-outline-offset-1{outline-offset:-1px}.outline-black\/10{outline-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.outline-black\/10{outline-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.outline-white\/10{outline-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.blur{--tw-blur:blur(8px);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,)}.blur-\[4px\]{--tw-blur:blur(4px);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,)}.blur-\[50px\]{--tw-blur:blur(50px);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,)}.grayscale{--tw-grayscale:grayscale(100%);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,)}.invert{--tw-invert:invert(100%);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,)}.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,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[box-shadow\]{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[opacity\,filter\,scale\]{transition-property:opacity,filter,scale;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[scale\,background-color\]{transition-property:scale,background-color;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[scale\,opacity\,filter\]{transition-property:scale,opacity,filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-\[cubic-bezier\(0\.2\,0\,0\,1\)\]{--tw-ease:cubic-bezier(.2,0,0,1);transition-timing-function:cubic-bezier(.2,0,0,1)}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.\[-webkit-text-stroke\:1px_black\]{-webkit-text-stroke:1px black}.\[font-kerning\:none\]{font-kerning:none}.\[font-optical-sizing\:auto\]{font-optical-sizing:auto}.\[font-synthesis\:none\]{font-synthesis:none}.\[font-variant-caps\:small-caps\]{font-variant-caps:small-caps}.\[font-variant-position\:super\]{font-variant-position:super}.\[font-variation-settings\:\"GRAD\"_80\]{font-variation-settings:"GRAD" 80}.\[initial-letter\:3\]{-webkit-initial-letter:3;initial-letter:3}.\[text-box\:trim-both_cap_alphabetic\]{text-box:trim-both cap alphabetic}.\[text-decoration-skip-ink\:auto\]{-webkit-text-decoration-skip-ink:auto;text-decoration-skip-ink:auto}.\[text-underline-position\:from-font\]{text-underline-position:from-font}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:top-1\/2:after{content:var(--tw-content);top:50%}.after\:left-1\/2:after{content:var(--tw-content);left:50%}.after\:size-11:after{content:var(--tw-content);width:calc(var(--spacing) * 11);height:calc(var(--spacing) * 11)}.after\:-translate-1\/2:after{content:var(--tw-content);--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}@media (hover:hover){.hover\:text-zinc-900:hover{color:var(--color-zinc-900)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-\[var\(--focus-ring\)\]:focus-visible{outline-color:var(--focus-ring)}.active\:scale-\[0\.96\]:active,.active\:not-disabled\:scale-\[0\.96\]:active:not(:disabled){scale:.96}.disabled\:opacity-40:disabled{opacity:.4}.aria-pressed\:text-blue-600[aria-pressed=true]{color:var(--color-blue-600)}@media (prefers-reduced-motion:no-preference){.motion-safe\:transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.motion-safe\:hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}}}@media (min-width:40rem){.sm\:w-full{width:100%}.sm\:scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-\[13px\]{font-size:13px}}@media (min-width:48rem){.md\:h-214{height:calc(var(--spacing) * 214)}.md\:-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}}.rtl\:-scale-x-100:where(:dir(rtl),[dir=rtl],[dir=rtl] *){--tw-scale-x: -100% ;scale:var(--tw-scale-x) var(--tw-scale-y)}@media (prefers-color-scheme:dark){.dark\:outline-white\/10{outline-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:outline-white\/10{outline-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}}}:root{--figma-bg:#f5f5f5;--figma-surface:#fff;--figma-surface-hover:#f0f0f0;--figma-border:#e0e0e0;--figma-text:#1e1e1e;--figma-text-secondary:#666;--figma-text-tertiary:#999;--figma-blue:#0d99ff;--figma-focus:#0068b8;--figma-image-outline:oklch(0% 0 0/.1);--figma-blue-bg:#0d99ff1a;--figma-canvas:#f5f5f5;--figma-dot:#e0e0e0;--font:"Figtree", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}:where(button,a,[tabindex="0"]):focus-visible{outline:2px solid var(--figma-focus);outline-offset:2px}html,body,#root{height:100%;font-family:var(--font);letter-spacing:-.03em;background:var(--figma-bg);color:var(--figma-text);-webkit-font-smoothing:antialiased;transition:background-color .15s ease-out,color .15s ease-out;overflow:hidden}.sidebar,.canvas-viewport,.section-header,.sidebar-item,.tab,.project-card{transition:background-color .15s ease-out,color .15s ease-out,border-color .15s ease-out}.canvas-viewport{cursor:grab;background:var(--figma-canvas);overscroll-behavior:none;touch-action:none;flex:1;position:relative;overflow:hidden}.canvas-viewport.is-panning{cursor:grabbing}.canvas-viewport [data-card],.canvas-viewport [data-card] *{cursor:pointer}.canvas-world{transform-origin:0 0;will-change:transform;backface-visibility:hidden;width:1px;height:1px;position:absolute;top:0;left:0;overflow:visible}.playground-page{overscroll-behavior-y:contain;background:var(--figma-bg);scrollbar-gutter:stable;flex:1;min-width:0;height:100%;overflow-y:auto}.playground-page__inner{width:min(100%,1600px);margin-inline:auto;padding:24px clamp(24px,3vw,48px) 112px}.playground-page--with-sidebar .playground-page__inner{padding-inline-start:288px}.playground-masonry{column-count:4;column-gap:16px}.playground-masonry__item{break-inside:avoid;page-break-inside:avoid;-webkit-column-break-inside:avoid;width:100%;margin-block-end:16px}.playground-media{outline:1px solid var(--figma-image-outline);outline-offset:-1px;background:var(--figma-surface-hover);border-radius:8px;width:100%;height:auto;display:block}.github-contributions{--github-level-0:#ebedf0;--github-level-1:#9be9a8;--github-level-2:#40c463;--github-level-3:#30a14e;--github-level-4:#216e39;border:1px solid var(--figma-border);background:var(--figma-surface);width:100%;box-shadow:0 12px 32px var(--figma-text);border-radius:12px;padding:28px}@supports (color:color-mix(in lab,red,red)){.github-contributions{box-shadow:0 12px 32px color-mix(in srgb,var(--figma-text) 5%,transparent)}}.github-contributions{color:var(--figma-text);container-type:inline-size}.github-contributions__header{justify-content:space-between;align-items:flex-start;gap:24px;margin-block-end:24px;display:flex}.github-contributions__kicker{color:var(--figma-text-secondary);letter-spacing:.06em;text-transform:uppercase;margin-block-end:5px;font-size:12px;font-weight:600}.github-contributions h2{letter-spacing:-.045em;font-size:30px;font-weight:600;line-height:1.1}.github-contributions__profile-link{border:1px solid var(--figma-border);min-height:40px;color:var(--figma-text-secondary);border-radius:8px;align-items:center;gap:6px;padding-inline:12px;font-size:14px;font-weight:500;text-decoration:none;transition-property:color,background-color,border-color,scale;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex}.github-contributions__profile-link:active{scale:.96}.github-contributions__scroller{overscroll-behavior-inline:contain;scrollbar-width:thin;max-width:100%;padding-block-end:8px;overflow-x:auto}.github-contributions__chart{width:max-content;min-width:100%}.github-contributions__chart--muted{opacity:.55}.github-contributions__months{min-width:max-content;color:var(--figma-text-secondary);grid-template-columns:repeat(53,12px);column-gap:3px;margin-block-end:7px;margin-inline-start:40px;font-size:11px;line-height:1;display:grid}.github-contributions__months span{white-space:nowrap}.github-contributions__body{align-items:flex-start;gap:10px;display:flex}.github-contributions__weekdays{color:var(--figma-text-secondary);flex:0 0 30px;grid-template-rows:repeat(7,12px);row-gap:3px;font-size:10px;line-height:12px;display:grid}.github-contributions__weekdays span:first-child{grid-row:2}.github-contributions__weekdays span:nth-child(2){grid-row:4}.github-contributions__weekdays span:nth-child(3){grid-row:6}.github-contributions__weeks{gap:3px;width:max-content;display:flex}.github-contributions__week{grid-template-rows:repeat(7,12px);gap:3px;display:grid}.github-contributions__day{outline:1px solid var(--figma-text);border-radius:2px;width:12px;height:12px;display:block}@supports (color:color-mix(in lab,red,red)){.github-contributions__day{outline:1px solid color-mix(in srgb,var(--figma-text) 5%,transparent)}}.github-contributions__day{outline-offset:-1px}.github-contributions__day--0{background:var(--github-level-0)}.github-contributions__day--1{background:var(--github-level-1)}.github-contributions__day--2{background:var(--github-level-2)}.github-contributions__day--3{background:var(--github-level-3)}.github-contributions__day--4{background:var(--github-level-4)}.github-contributions__footer{justify-content:space-between;align-items:center;gap:24px;margin-block-start:16px;display:flex}.github-contributions__status{color:var(--figma-text-secondary);font-size:12px;line-height:1.4}.github-contributions__legend{color:var(--figma-text-secondary);flex:none;align-items:center;gap:4px;font-size:11px;display:flex}.github-contributions__legend .github-contributions__day{width:11px;height:11px}@media (hover:hover){.github-contributions__profile-link:hover{border-color:var(--figma-text-tertiary);background:var(--figma-surface-hover);color:var(--figma-text)}}@container (max-width:560px){.github-contributions{border-radius:10px;padding:18px}.github-contributions__header{gap:16px;margin-block-end:20px}.github-contributions h2{font-size:22px}.github-contributions__profile-link{min-height:36px;padding-inline:10px;font-size:12px}.github-contributions__footer{flex-direction:column;align-items:flex-start;gap:10px}}:root[data-theme=dark] .github-contributions{--github-level-0:#161b22;--github-level-1:#0e4429;--github-level-2:#006d32;--github-level-3:#26a641;--github-level-4:#39d353}@media (min-width:1680px){.playground-masonry{column-count:5}}@media (max-width:1200px){.playground-masonry{column-count:3}}@media (max-width:768px){.playground-page{scrollbar-gutter:auto;height:auto;overflow:visible}.playground-page__inner,.playground-page--with-sidebar .playground-page__inner{padding:10px 10px 64px}.playground-masonry{column-count:2;column-gap:10px}.playground-masonry__item{margin-block-end:10px}.playground-media{border-radius:6px}}.sidebar{background:var(--figma-surface);border-color:var(--figma-border);font-size:11px;overflow:hidden auto}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:0 0}.sidebar::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.section-header{color:var(--figma-text-secondary);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;padding:8px 12px;font-size:11px;font-weight:500;display:flex}.sidebar-item{cursor:pointer;color:var(--figma-text);border-radius:2px;align-items:center;gap:8px;padding:4px 12px;font-size:14px;transition:background .1s;display:flex}@media (hover:hover){.sidebar-item:hover{background:var(--figma-surface-hover)}.project-card:hover{outline-color:var(--figma-blue)}}.sidebar-item.active{background:var(--figma-blue-bg);color:var(--figma-blue)}.project-card{cursor:pointer;outline-offset:0;border-radius:4px;outline:2px solid #0000;transition:outline-color .15s;position:absolute;overflow:hidden}.project-card.selected{outline-color:var(--figma-blue)}.frame-label{color:var(--figma-blue);white-space:nowrap;pointer-events:none;font-size:11px;position:absolute;top:-20px;left:0}.resize-handle{border:1px solid var(--figma-blue);pointer-events:none;background:#fff;border-radius:1px;width:8px;height:8px;position:absolute}.prop-row{align-items:center;gap:8px;padding:6px 12px;font-size:11px;display:flex}.prop-label{color:var(--figma-text-secondary);min-width:24px}.prop-input{background:var(--figma-bg);border:1px solid var(--figma-border);color:var(--figma-text);font-size:11px;font-family:var(--font);border-radius:4px;width:100%;padding:4px 8px}.tab{cursor:pointer;color:var(--figma-text-secondary);border-bottom:2px solid #0000;padding:8px 16px;font-size:11px;transition:color .15s}.tab:hover{color:var(--figma-text)}.tab.active{color:var(--figma-text);border-bottom-color:var(--figma-blue)}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%)translateY(10px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.loader{background-color:#ddd;background-image:linear-gradient(#0d99ff 50%,#0000 0),linear-gradient(#0000 50%,#0d99ff 0),linear-gradient(#0d99ff 50%,#0000 0),linear-gradient(#0000 50%,#0d99ff 0),linear-gradient(#0d99ff 50%,#0000 0),linear-gradient(#0000 50%,#0d99ff 0);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:calc(16.6667% + 1px) 200%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;width:120px;height:20px;animation:2s forwards l12}@keyframes l12{0%{background-position:0 100%,20% 0,40% 100%,60% 0,80% 100%,100% 0}16.67%{background-position:0 0,20% 0,40% 100%,60% 0,80% 100%,100% 0}33.33%{background-position:0 0,20% 100%,40% 100%,60% 0,80% 100%,100% 0}50%{background-position:0 0,20% 100%,40% 0,60% 0,80% 100%,100% 0}66.67%{background-position:0 0,20% 100%,40% 0,60% 100%,80% 100%,100% 0}83.33%{background-position:0 0,20% 100%,40% 0,60% 100%,80% 0,100% 0}to{background-position:0 0,20% 100%,40% 0,60% 100%,80% 0,100% 100%}}@media (max-width:768px){html,body,#root{overflow:auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (forced-colors:active){:where(button,a,[tabindex="0"]):focus-visible{outline-color:canvastext}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@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-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@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}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}