.media-lightbox{z-index:10000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090b0c99;place-items:center;padding:clamp(14px,3vw,42px);display:grid;position:fixed;inset:0}.media-lightbox__surface{color:#2d2025;background:#fff;grid-template-rows:auto auto auto;width:fit-content;max-width:100%;height:fit-content;min-height:0;max-height:100%;display:grid;position:relative;box-shadow:0 24px 80px #0000006b}.media-lightbox__frame{max-width:100%;max-height:100%;width:fit-content!important;height:fit-content!important}.media-lightbox__frame>.ui-rough-border{pointer-events:none}.media-lightbox__image-wrap{background:#fff;place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.media-lightbox__image-wrap img{object-fit:contain;width:auto;max-width:min(1500px,100vw - 84px);height:auto;max-height:min(960px,100vh - 84px);display:block}.media-lightbox__caption{color:#65565b;text-align:center;margin:14px 52px 0;font:500 14px/1.4 Inter,ui-sans-serif,sans-serif}.media-lightbox button{color:inherit;cursor:pointer;background:0 0;border:0}.media-lightbox__close{z-index:1;place-items:center;width:44px;height:44px;padding:0;font:700 34px/1 Handjet,ui-sans-serif,sans-serif;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 2px 16px #00000026;background:#ffffffeb!important;border-radius:50%!important}.media-lightbox__close span{place-items:center;width:100%;height:100%;display:grid;translate:0 -3px}.media-lightbox__controls{grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;padding-top:12px;display:grid}.media-lightbox__controls>button{border-radius:50%;place-items:center;width:48px;height:48px;padding:0;font:850 clamp(36px,3.4vw,48px)/1 Handjet,ui-sans-serif,sans-serif;display:grid}.media-lightbox__controls>button>span{place-items:center;width:100%;height:100%;line-height:1;display:grid;translate:0 -3px}.media-lightbox__controls>button:hover{background:#f2edef}.media-lightbox__controls>div{justify-content:center;gap:7px;display:flex}.media-lightbox__controls>div button{background:#c6b9bd;border-radius:50%;width:8px;height:8px;padding:0}.media-lightbox__controls>div button[aria-current=true]{background:#2d2025;scale:1.35}.media-lightbox button:focus-visible{outline-offset:2px;outline:3px solid #ef75ac}@media (width<=640px){.media-lightbox{padding:12px}.media-lightbox__surface,.media-lightbox__frame{max-width:100%;max-height:100%}.media-lightbox__image-wrap img{max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.media-lightbox__caption{margin-inline:20px}}.youtube-embed{aspect-ratio:16/9;background:#111;width:100%;position:relative;overflow:hidden}.youtube-embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.ui-lab-browse-layer{position:absolute;inset:0}.ui-lab-stage[data-ui-detail=true] .ui-lab-browse-layer{visibility:hidden;pointer-events:none}.ui-project>.ui-rough-frame{position:relative}.ui-project-open{z-index:5;cursor:pointer;background:0 0;border:0;position:absolute;inset:5px}.ui-project-open:disabled{pointer-events:none}.ui-wd-lab{z-index:24;border:3px solid var(--ui-pink);background:color-mix(in srgb, var(--ui-bg) 94%, white);grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;inset:13% 2% 2.5%;overflow:hidden;box-shadow:0 18px 55px #371d2821;container-type:inline-size}.ui-wd-toolbar{border-bottom:2px solid color-mix(in srgb, var(--ui-pink) 70%, transparent);background:color-mix(in srgb, var(--ui-bg) 86%, white);grid-template-columns:minmax(90px,.6fr) minmax(360px,2.2fr) minmax(130px,.8fr);align-items:stretch;display:grid}.ui-wd-toolbar button{cursor:pointer;background:0 0;border:0}.ui-wd-close{text-align:left;padding:12px 16px;font-size:24px;font-weight:660}.ui-wd-close:hover{text-underline-offset:.18em;text-decoration:underline}.ui-wd-template-picker{border-inline:2px solid color-mix(in srgb, var(--ui-pink) 45%, transparent);grid-template-columns:repeat(3,1fr);display:grid}.ui-wd-template-picker button{color:#55484d;text-align:left;align-content:center;gap:4px;min-width:0;min-height:54px;padding:10px 16px;display:grid}.ui-wd-template-picker button+button{border-left:1px solid color-mix(in srgb, var(--ui-pink) 35%, transparent)}.ui-wd-template-picker button[aria-pressed=true]{color:#fff;background:#2d2025}.ui-wd-template-picker button:focus-visible{outline:3px solid var(--ui-pink);outline-offset:-4px}.ui-wd-template-picker strong{font-size:clamp(14px,1.15cqw,18px);line-height:1.05}.ui-wd-template-picker span{text-overflow:ellipsis;white-space:nowrap;font-size:clamp(11px,.8cqw,13px);line-height:1.2;overflow:hidden}.ui-wd-apply{grid-template-columns:1fr auto;align-items:center;gap:8px;padding:8px 10px 8px 14px;display:grid}.ui-wd-apply span{color:#55484d;font-size:clamp(11px,.78cqw,13px);line-height:1.2}.ui-wd-apply button{color:#fff;background:#2d2025;border:2px solid #2d2025;min-height:34px;padding:8px 12px;font-size:clamp(11px,.82cqw,13px);font-weight:700}.ui-wd-apply button:disabled{color:#75696d;cursor:default;background:0 0;border-color:#b8aeb1}.ui-wd-canvas{overscroll-behavior:contain;scrollbar-color:var(--ui-pink) transparent;min-height:0;overflow:auto}.ui-wd-canvas>div{min-height:100%}.ui-wd-canvas.ui-wd-preview-tablet>div{width:min(100%,720px);margin-inline:auto}.ui-wd-canvas.ui-wd-preview-mobile>div{width:min(100%,390px);margin-inline:auto}.ui-wd-editor{z-index:40;color:#2d2025;width:100%;position:sticky;top:0}.ui-wd-editor-bar{border-bottom:1px solid color-mix(in srgb, var(--ui-pink) 42%, transparent);background:color-mix(in srgb, var(--ui-bg) 88%, white);align-items:center;gap:12px;padding:8px 10px;display:flex;box-shadow:0 8px 18px #371d280f}.ui-wd-editor-context{color:#65565b;letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:720}.ui-wd-breakpoints{margin-left:auto}.ui-wd-editor button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.ui-wd-breakpoints,.ui-wd-segmented{border:1px solid color-mix(in srgb, var(--ui-pink) 60%, #2d2025);border-radius:999px;grid-auto-flow:column;display:inline-grid;overflow:hidden}.ui-wd-breakpoints button,.ui-wd-segmented button{text-transform:capitalize;min-height:32px;padding:7px 12px;font-size:13px;font-weight:650}.ui-wd-media-placement{width:100%}.ui-wd-media-placement button{white-space:nowrap}.ui-wd-breakpoints button[aria-pressed=true],.ui-wd-segmented button[aria-pressed=true]{color:#fff;background:#2d2025}.ui-wd-breakpoints button:focus-visible,.ui-wd-segmented button:focus-visible{outline:3px solid var(--ui-pink);outline-offset:-3px}.ui-wd-edit-toggle{min-height:32px;color:#fff!important;background:#2d2025!important;border-radius:999px!important;padding:7px 14px!important;font-size:13px!important;font-weight:720!important}.ui-wd-edit-toggle[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ui-pink);color:#fff!important;background:#2d2025!important}.ui-wd-editor-panel{border:2px solid var(--ui-pink);background:#fffaf6;width:min(340px,100% - 20px);max-height:min(680px,100dvh - 190px);padding:18px;font-size:13px;position:absolute;top:calc(100% + 8px);right:10px;overflow:auto;box-shadow:0 16px 42px #371d282e}.ui-wd-editor-heading{text-transform:capitalize;justify-content:space-between;align-items:center;margin-bottom:14px;font-size:15px;display:flex}.ui-wd-editor-heading button{text-underline-offset:.16em;text-decoration:underline}.ui-wd-editor fieldset{border:0;border-top:1px solid #ddcdd3;gap:10px;margin:0;padding:12px 0;display:grid}.ui-wd-editor legend{color:#65565b;letter-spacing:.08em;text-transform:uppercase;padding:0 0 9px;font-size:11px;font-weight:780}.ui-wd-editor-order{gap:4px;margin:0;padding:0;list-style:none;display:grid}.ui-wd-editor-order li{color:#3e3035;background:#f3e5ea;justify-content:space-between;align-items:center;min-height:38px;padding:6px 8px;font-size:13px;display:flex}.ui-wd-editor-order li>span:last-child{display:flex}.ui-wd-editor-order button{width:30px;height:30px;font-size:15px}.ui-wd-editor-order button:disabled{opacity:.25;cursor:default}.ui-wd-editor-range{gap:4px;display:grid}.ui-wd-editor-range>span{color:#44373b;justify-content:space-between;font-size:13px;font-weight:620;display:flex}.ui-wd-editor-range output{color:#65565b;font-variant-numeric:tabular-nums;font-size:12px}.ui-wd-editor-range input{width:100%;min-height:24px;accent-color:var(--ui-pink)}.ui-wd-editor-check{align-items:center;gap:8px;min-height:30px;font-size:13px;display:flex}.ui-wd-editor-check input{accent-color:var(--ui-pink)}.ui-wd-editor-help{color:#65565b;font-size:12px;line-height:1.45}.ui-wd-add-blocks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ui-wd-add-blocks button{text-align:left;background:#fff;border:1px solid #cbbbc1;border-radius:6px;grid-template-columns:30px 1fr;align-items:center;min-height:46px;padding:7px 10px;display:grid}.ui-wd-add-blocks button:hover{border-color:var(--ui-pink);background:color-mix(in srgb, var(--ui-pink) 10%, white)}.ui-wd-add-blocks button>span{color:#fff;background:#2d2025;border-radius:5px;place-items:center;width:26px;height:26px;font-weight:760;display:grid}.ui-wd-add-blocks button strong{font-size:13px}.ui-wd-template{color:#2d2025;width:min(100%,1240px);min-height:100%;margin-inline:auto;padding:clamp(24px,4cqw,64px)}.ui-wd-template .ui-rough-border{pointer-events:none}.ui-wd-template h1,.ui-wd-template h2,.ui-wd-template p,.ui-wd-template figure{margin:0}.ui-wd-template h1{letter-spacing:-.035em;max-width:13ch;font-size:clamp(36px,6.2cqw,92px);font-weight:720;line-height:.82}.ui-wd-kicker,.ui-wd-label{color:#76666b;letter-spacing:.08em;text-transform:uppercase;font-size:clamp(10px,.85cqw,13px);font-weight:720;display:block}.ui-wd-media{min-width:0}.ui-wd-media-art{background:#ffc9de;min-height:170px;position:relative;overflow:hidden}.ui-wd-media-art:before,.ui-wd-media-art:after{content:"";opacity:.82;background:#ef75ac;border-radius:46% 54% 62% 38%;position:absolute}.ui-wd-media-art:before{width:62%;height:122%;top:-20%;left:-8%;rotate:18deg}.ui-wd-media-art:after{background:#f8e26a;width:54%;height:112%;bottom:-24%;right:-4%;rotate:-22deg}.ui-wd-media-expand{width:100%;height:100%;min-height:inherit;cursor:zoom-in;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.ui-wd-expand-arrow{letter-spacing:-.2em;place-items:center;line-height:1;display:grid;translate:-3px;rotate:-45deg}.ui-wd-media-expand>.ui-wd-expand-arrow{z-index:4;color:#2d2025;opacity:0;background:#fffffff0;border-radius:50%;width:42px;height:42px;font:850 28px/1 Handjet,ui-sans-serif,sans-serif;transition:opacity .18s,background-color .18s,color .18s,scale .22s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:12px;right:12px;scale:.82;box-shadow:0 3px 16px #2d20252e}.ui-wd-media-expand:is(:hover,:focus-visible)>.ui-wd-expand-arrow{color:#fff;opacity:1;background:#2d2025;scale:1}.ui-wd-note-strip.is-carousel .ui-wd-media-expand>.ui-wd-expand-arrow{display:none}.ui-wd-media-expand:focus-visible{outline:3px solid var(--ui-pink);outline-offset:-3px}.ui-wd-media.tone-blue .ui-wd-media-art{background:#b8e7ff}.ui-wd-media.tone-blue .ui-wd-media-art:before{background:#4972eb}.ui-wd-media.tone-green .ui-wd-media-art{background:#d7f0a8}.ui-wd-media.tone-green .ui-wd-media-art:before{background:#5b9a71}.ui-wd-media.tone-violet .ui-wd-media-art{background:#decdf7}.ui-wd-media.tone-violet .ui-wd-media-art:before{background:#8c6ac8}.ui-wd-media.tone-gold .ui-wd-media-art{background:#ffe69b}.ui-wd-media.tone-gold .ui-wd-media-art:before{background:#ed9b40}.ui-wd-media figcaption{color:#62545a;grid-template-columns:auto minmax(0,1fr);gap:12px;padding-top:9px;font-size:clamp(12px,.92cqw,15px);line-height:1.2;display:grid}.ui-wd-media figcaption strong{color:#2d2025}.ui-wd-facts{gap:12px;margin:0;display:grid}.ui-wd-facts div{border-top:1px solid #a99ca0;grid-template-columns:minmax(54px,.45fr) 1.55fr;gap:12px;padding-top:6px;display:grid}.ui-wd-facts dt{color:#786a6e}.ui-wd-facts dd{margin:0}.ui-wd-case-study{width:100%;max-width:none;padding:27px 0 clamp(48px,4.2cqw,72px)}.ui-wd-case-study-content{--ui-wd-case-content-width:min(73.72%, 1320px);width:var(--ui-wd-case-content-width);min-width:0;max-width:1320px;margin-inline:auto;position:relative}.ui-wd-case-study-content>h1{z-index:25;color:#1f0f0f;-webkit-text-stroke-width:clamp(4px, .46cqw, 8px);-webkit-text-stroke-color:#fff;paint-order:stroke fill;background:0 0;max-width:none;margin:0;padding-inline:.1em;font-size:clamp(32px,2.78cqw,48px);font-weight:450;line-height:1;display:table;position:absolute;top:clamp(-22px,-1.25cqw,-14px);left:clamp(8px,1cqw,16px)}.ui-wd-case-study-frame{--ui-wd-case-content-inset:clamp(24px, 3.2cqw, 52px);min-height:clamp(560px,52.9cqw,913px);padding:var(--ui-wd-case-content-inset);background:#fff}.ui-wd-case-study-frame>.ui-wd-media{width:min(100%,820px);margin-inline:auto}.ui-wd-case-study-frame>.ui-wd-media .ui-wd-media-art{aspect-ratio:900/496;min-height:0}.ui-wd-case-intro{grid-template-columns:minmax(120px,.45fr) 1.55fr;gap:clamp(18px,3cqw,44px);padding:clamp(12px,1.4cqw,24px) 0 clamp(22px,2.4cqw,38px);font-size:clamp(16px,1.16cqw,20px);line-height:1.25;display:grid}.ui-wd-case-intro p{max-width:72ch}.ui-wd-case-context{grid-template-columns:1fr 1fr;gap:clamp(30px,8cqw,110px);padding:clamp(36px,6cqw,80px) 0;display:grid}.ui-wd-case-context p{margin-top:10px;font-size:clamp(17px,1.8cqw,27px);line-height:1.12}.ui-wd-process{border-block:2px solid var(--ui-pink);padding:clamp(28px,5cqw,68px) 0}.ui-wd-process h2{margin-bottom:24px;font-size:clamp(24px,3.2cqw,48px)}.ui-wd-process ol{grid-template-columns:repeat(4,1fr);gap:12px;margin:0;padding:0;list-style:none;display:grid}.ui-wd-process li{background:color-mix(in srgb, var(--ui-pink) 20%, white);min-height:120px;padding:12px;font-size:clamp(14px,1.25cqw,19px)}.ui-wd-process li span{color:#7c6c71;margin-bottom:28px;display:block}.ui-wd-case-media{grid-template-columns:1.2fr .8fr;gap:20px;padding-top:clamp(36px,6cqw,80px);display:grid}.ui-wd-visual-story{padding-top:clamp(30px,3cqw,44px)}.ui-wd-visual-story>header{grid-template-columns:.42fr .58fr;grid-template-areas:"kicker title""dek title";align-items:end;gap:14px clamp(30px,5cqw,72px);margin-bottom:clamp(24px,3.2cqw,44px);display:grid}.ui-wd-visual-story>header h1{grid-area:title;max-width:14ch;font-size:clamp(48px,5.2cqw,78px);line-height:.88}.ui-wd-visual-story>header .ui-wd-kicker{text-align:left;grid-area:kicker;max-width:32ch}.ui-wd-visual-dek{grid-area:dek;max-width:42ch;font-size:clamp(16px,1.4cqw,21px);line-height:1.15}.ui-wd-visual-frame,.ui-wd-note-media-frame{background:#fff;height:auto;padding:clamp(16px,2cqw,30px)}.ui-wd-visual-grid{grid-template-columns:1.35fr .65fr;gap:20px;display:grid}.ui-wd-visual-grid .feature{grid-row:span 2}.ui-wd-visual-grid .feature .ui-wd-media-art{min-height:clamp(300px,26cqw,360px)}.ui-wd-visual-grid .ui-wd-media:not(.feature) .ui-wd-media-art{min-height:clamp(140px,12cqw,165px)}.ui-wd-visual-context{grid-template-columns:.85fr 1.15fr;gap:clamp(24px,5cqw,72px);padding:clamp(40px,5cqw,70px) 0 20px;display:grid}.ui-wd-visual-context>div>p{margin-top:10px;line-height:1.25}.ui-wd-field-note{--ui-wd-note-title-width:600px;--ui-wd-note-copy-width:600px;--ui-wd-note-media-gap:14px;--ui-wd-note-media-height:170px;--ui-wd-note-second-offset:28px;--ui-wd-note-body-gap:54px;width:min(100%,1020px);padding-top:clamp(24px,3cqw,40px);font-size:clamp(15px,1.05cqw,18px)}.ui-wd-field-note>header{flex-wrap:wrap;align-items:end;gap:clamp(24px,4cqw,54px) clamp(36px,7cqw,90px);padding:clamp(18px,2cqw,28px) 0 clamp(22px,2.8cqw,38px);display:flex;position:relative}.ui-wd-field-note>header>.ui-wd-note-copy{flex:0 1 max(var(--ui-wd-note-title-width), var(--ui-wd-note-copy-width));width:min(100%, max(var(--ui-wd-note-title-width), var(--ui-wd-note-copy-width)))}.ui-wd-field-note>header>.ui-wd-facts{flex:240px;min-width:min(100%,220px)}.ui-wd-field-note[data-intro-layout=stacked]>header>.ui-wd-note-copy,.ui-wd-field-note[data-intro-layout=stacked]>header>.ui-wd-facts{flex-basis:100%;width:100%}.ui-wd-field-note[data-intro-layout=stacked]>header>.ui-wd-facts{max-width:680px}.ui-wd-field-note[data-intro-layout=reversed]>header{padding-left:0}.ui-wd-field-note[data-intro-layout=reversed]>header>.ui-wd-note-copy{order:2}.ui-wd-field-note[data-intro-layout=reversed]>header>.ui-wd-facts{order:1}.ui-wd-field-note[data-intro-layout=stacked]>header>.ui-wd-facts,.ui-wd-field-note[data-intro-layout=reversed]>header>.ui-wd-facts{translate:var(--ui-wd-note-title-x) var(--ui-wd-note-title-y)}.ui-wd-field-note>header h1{max-width:100%;margin:14px 0 18px;font-size:clamp(44px,4.4cqw,66px);line-height:.9}.ui-wd-field-note>header p{max-width:var(--ui-wd-note-copy-width);font-size:clamp(16px,1.5cqw,22px);line-height:1.15}.ui-wd-field-note>header .ui-wd-facts{padding-bottom:4px}.ui-wd-field-note .ui-wd-label{color:#65565b;font-size:clamp(11px,.9cqw,14px)}.ui-wd-field-note .ui-wd-facts{font-size:clamp(14px,1cqw,17px)}.ui-wd-note-copy{min-width:0;position:relative}.ui-wd-note-disclosure{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;margin-top:18px;padding:0;display:flex}.ui-wd-note-disclosure:hover{text-underline-offset:.16em;text-decoration:underline}.ui-wd-note-disclosure span{font-size:24px;line-height:.5;transition:rotate .18s;display:inline-block}.ui-wd-note-disclosure[aria-expanded=true] span{rotate:180deg}.ui-wd-note-full-text{gap:12px;max-width:72ch;padding:16px 0 4px 24px;display:grid}.ui-wd-note-full-text p{white-space:pre-wrap;margin:0;font-size:clamp(15px,1.2cqw,19px);line-height:1.35}.ui-wd-note-body>.ui-wd-note-disclosure,.ui-wd-note-body>.ui-wd-note-full-text{grid-column:1/-1}.ui-wd-note-body>.ui-wd-note-disclosure{justify-self:start;margin:0 0 4px}.ui-wd-note-full-text>.ui-wd-note-disclosure.is-bottom{justify-self:start;margin:10px 0 0}.ui-wd-markdown{gap:14px;display:grid}.ui-wd-markdown :is(h2,h3,h4,p,ul,ol,blockquote,pre){margin:0}.ui-wd-markdown h2{font-size:clamp(28px,3cqw,44px);line-height:1}.ui-wd-markdown h3{font-size:clamp(23px,2.2cqw,34px);line-height:1.05}.ui-wd-markdown h4{font-size:clamp(19px,1.7cqw,26px);line-height:1.1}.ui-wd-markdown :is(ul,ol){gap:7px;padding-left:1.35em;display:grid}.ui-wd-markdown blockquote{border-left:3px solid var(--ui-pink);padding-left:16px;font-style:italic}.ui-wd-markdown :is(code,pre){font-family:DM Mono,ui-monospace,monospace}.ui-wd-markdown code{background:#2d202514;border-radius:2px;padding:.08em .3em;font-size:.86em}.ui-wd-markdown pre{color:#fff;white-space:pre;background:#2d2025;padding:14px;overflow-x:auto}.ui-wd-markdown pre code{color:inherit;background:0 0;padding:0}.ui-wd-markdown a{color:inherit;text-underline-offset:.15em;text-decoration-thickness:1px}.ui-wd-markdown hr{opacity:.24;border:0;border-top:1px solid;width:100%}.ui-wd-note-title-wrap{width:min(100%, var(--ui-wd-note-title-width));max-width:100%;translate:var(--ui-wd-note-title-x) var(--ui-wd-note-title-y);display:table;position:relative}.ui-wd-title-move-handle{z-index:9;color:#fff;width:24px;height:24px;box-shadow:0 0 0 1px var(--ui-pink);cursor:move;touch-action:none;background:#2d2025;border:2px solid #fff;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;top:50%;right:-30px;translate:0 -50%}.ui-wd-note-media-block{position:relative}.ui-wd-note-strip{min-width:0;position:relative;overflow:hidden}.ui-wd-note-track{--ui-wd-note-grid-columns:3;grid-template-columns:repeat(var(--ui-wd-note-grid-columns), minmax(0, 1fr));gap:var(--ui-wd-note-media-gap);display:grid}.ui-wd-note-track[data-item-count="1"]{--ui-wd-note-grid-columns:1}.ui-wd-note-track[data-item-count="2"]{--ui-wd-note-grid-columns:2}.ui-wd-note-track .ui-wd-media-art{height:var(--ui-wd-note-media-height);min-height:var(--ui-wd-note-media-height)}.ui-wd-media-art.has-image{background:#eee5e8;position:relative;overflow:hidden}.ui-wd-media-art.has-image img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}.ui-wd-note-strip.is-grid .ui-wd-media:nth-child(2){translate:0 var(--ui-wd-note-second-offset)}.ui-wd-note-strip.is-carousel .ui-wd-note-track{align-items:start;gap:var(--ui-wd-note-media-gap);transform:translateX(calc(-1 * var(--ui-wd-note-active-slide) * (100% + var(--ui-wd-note-media-gap)) / var(--ui-wd-note-slides-per-view)));transition:transform .32s cubic-bezier(.2,.8,.2,1);display:flex}.ui-wd-note-strip.is-carousel .ui-wd-media{flex:0 0 calc((100% - (var(--ui-wd-note-slides-per-view) - 1) * var(--ui-wd-note-media-gap)) / var(--ui-wd-note-slides-per-view))}.ui-wd-note-strip.is-carousel,.ui-wd-note-strip.is-carousel .ui-wd-note-track,.ui-wd-note-strip.is-carousel .ui-wd-media,.ui-wd-note-strip.is-carousel .ui-wd-media-art{background:#fff}.ui-wd-note-strip.is-carousel .ui-wd-media-art.has-image img{object-fit:contain;background:#fff}.ui-wd-note-strip .ui-wd-media-art:before,.ui-wd-note-strip .ui-wd-media-art:after{content:none}.ui-wd-carousel-controls{grid-template-columns:48px 1fr 48px;align-items:center;gap:8px;padding-top:16px;display:grid}.ui-wd-carousel-controls>button{color:#2d2025;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;font:850 clamp(36px,3.4cqw,48px)/1 Handjet,ui-sans-serif,sans-serif;transition:background-color .12s,scale .12s;display:grid}.ui-wd-carousel-controls>button>span{place-items:center;width:100%;height:100%;line-height:1;display:grid;translate:0 -3px}.ui-wd-carousel-controls>button:active{background:var(--landing-header-background,#e3fbea);scale:.92}.ui-wd-carousel-controls>button:focus-visible{outline:2px solid var(--landing-header-background,#e3fbea);outline-offset:2px}.ui-wd-carousel-controls>div{justify-content:center;gap:6px;display:flex}.ui-wd-carousel-controls>div button{cursor:pointer;background:#c6b9bd;border:0;border-radius:50%;width:7px;height:7px;padding:0}.ui-wd-carousel-controls>div button[aria-current=true]{background:var(--ui-pink);scale:1.35}.ui-wd-carousel-expand{z-index:4;color:#2d2025;cursor:pointer;background:#fffffff0;border:0;border-radius:50%;place-items:center;width:42px;height:42px;padding:0;font:850 28px/1 Handjet,ui-sans-serif,sans-serif;display:grid;position:absolute;bottom:76px;right:12px;box-shadow:0 3px 16px #2d20252e}.ui-wd-carousel-expand>.ui-wd-expand-arrow{width:100%;height:100%}.ui-wd-carousel-expand:hover{color:#fff;background:#2d2025}.ui-wd-carousel-expand:focus-visible{outline:3px solid var(--ui-pink);outline-offset:2px}.ui-wd-note-body{gap:var(--ui-wd-note-body-gap);grid-template-columns:1.2fr 1fr .8fr;margin-top:clamp(58px,7cqw,94px);padding:28px 0;display:grid;position:relative}.ui-wd-note-full-text-panel{grid-template-columns:1fr}.ui-wd-note-body-media{grid-column:1/-1;min-width:0;margin-bottom:clamp(8px,1.5cqw,18px)}.ui-wd-note-media-block.is-in-body{min-width:0}.ui-rough-divider{pointer-events:none;width:100%;height:18px;display:block;overflow:visible}.ui-wd-note-body-divider{position:absolute;top:-9px;left:0}.ui-wd-note-body p,.ui-wd-note-body ul{margin:12px 0 0;padding:0;line-height:1.3}.ui-wd-note-body ul{list-style:none}.ui-wd-note-body li+li{margin-top:7px}.ui-wd-note-body li:before{content:"→";color:var(--ui-pink);margin-right:8px}.ui-wd-field-note.is-editing .ui-wd-editable-block{outline:1px dashed color-mix(in srgb, var(--ui-pink) 78%, #2d2025);outline-offset:5px}.ui-wd-field-note.is-editing .ui-wd-editable-block[draggable=true]{cursor:grab}.ui-wd-field-note.is-editing .ui-wd-editable-block[draggable=true]:active{cursor:grabbing}.ui-wd-block-handle{z-index:7;border:1px solid var(--ui-pink);color:#fff;box-shadow:2px 2px 0 color-mix(in srgb, var(--ui-pink) 55%, transparent);letter-spacing:.04em;text-transform:uppercase;background:#2d2025;padding:4px 8px;font-size:10px;font-weight:760;line-height:1;position:absolute;top:-19px;left:0}.ui-wd-resize-handle{z-index:8;background:var(--ui-pink);touch-action:none;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;box-shadow:0 0 0 1px #2d2025}.ui-wd-resize-handle.copy{bottom:-9px;left:min(calc(var(--ui-wd-note-copy-width) - 9px), calc(100% - 9px));cursor:ew-resize}.ui-wd-resize-handle.media{cursor:ns-resize;bottom:-9px;right:10px}.ui-wd-gap-handle{z-index:8;background:var(--ui-pink);color:#2d2025;cursor:ew-resize;touch-action:none;border:2px solid #fff;border-radius:999px;place-items:center;width:22px;height:34px;padding:0;display:grid;position:absolute;top:36%;left:calc(33.333% - 11px);box-shadow:0 0 0 1px #2d2025}.ui-wd-gap-handle span{pointer-events:none;font-size:12px}.ui-wd-custom-block{margin-block:clamp(40px,5cqw,70px);position:relative}.ui-wd-custom-tools{background:#fffaf6;border:1px solid #d8c8ce;border-radius:7px;align-items:end;gap:10px;margin-bottom:10px;padding:8px;display:flex}.ui-wd-custom-tools label{color:#65565b;letter-spacing:.04em;text-transform:uppercase;gap:4px;font-size:11px;font-weight:700;display:grid}.ui-wd-custom-tools select,.ui-wd-image-fields input,.ui-wd-caption-input{color:#2d2025;min-height:34px;font:inherit;background:#fff;border:1px solid #b9a9af;border-radius:5px}.ui-wd-custom-tools select{text-transform:none;min-width:110px;padding-inline:8px;font-size:13px}.ui-wd-custom-tools .ui-wd-delete-block{color:#8d2842;cursor:pointer;background:#fff;border:1px solid #a7435d;border-radius:5px;min-height:34px;margin-left:auto;padding:6px 10px;font-size:12px;font-weight:700}.ui-wd-custom-tools .ui-wd-delete-block:hover{color:#fff;background:#8d2842}.ui-wd-custom-text textarea{resize:vertical;color:#2d2025;width:100%;min-height:118px;font:inherit;background:#fff;border:2px solid #2d2025;border-radius:4px;padding:18px;font-size:clamp(16px,1.4cqw,21px);line-height:1.55;display:block}.ui-wd-custom-text textarea:focus,.ui-wd-image-fields input:focus,.ui-wd-caption-input:focus,.ui-wd-custom-tools select:focus{outline:3px solid color-mix(in srgb, var(--ui-pink) 65%, transparent);outline-offset:1px}.ui-wd-custom-text>:not(.ui-wd-custom-tools){width:var(--ui-wd-custom-text-width)}.ui-wd-custom-text p,.ui-wd-custom-text blockquote{white-space:pre-wrap;max-width:none}.ui-wd-custom-text h2{white-space:pre-wrap;font-size:clamp(28px,3.6cqw,52px);line-height:1}.ui-wd-custom-text blockquote{border-left:4px solid var(--ui-pink);margin:0;padding:12px 0 12px 24px;font-size:clamp(20px,2.1cqw,30px);font-style:italic;line-height:1.3}.ui-wd-custom-text.align-center>:not(.ui-wd-custom-tools){text-align:center;margin-inline:auto}.ui-wd-custom-text.align-right>:not(.ui-wd-custom-tools){text-align:right;margin-left:auto}.ui-wd-text-width{flex:1;min-width:140px}.ui-wd-text-width>output{justify-self:end;margin-top:-16px}.ui-wd-text-width input{width:100%;accent-color:var(--ui-pink)}.ui-wd-custom-image{width:var(--ui-wd-custom-image-width);margin:0}.ui-wd-custom-image.align-center{margin-inline:auto}.ui-wd-custom-image.align-right{margin-left:auto}.ui-wd-custom-image-frame{background:#f3e8ec;border:0;min-height:180px;display:grid;overflow:visible}.ui-wd-custom-image-frame.has-image{width:fit-content;max-width:100%;height:auto;min-height:0}.ui-wd-custom-image.align-center .ui-wd-custom-image-frame.has-image{margin-inline:auto}.ui-wd-custom-image.align-right .ui-wd-custom-image-frame.has-image{margin-left:auto}.ui-wd-custom-image-expand{cursor:zoom-in;background:#fff;border:0;place-items:center;width:fit-content;max-width:100%;max-height:720px;padding:0;display:grid;overflow:hidden}.ui-wd-custom-image-frame img{object-fit:contain;background:#fff;width:auto;max-width:100%;height:auto;max-height:720px;display:block}.ui-wd-custom-image-expand:focus-visible{outline:3px solid var(--ui-pink);outline-offset:-3px}.ui-wd-image-placeholder{color:#65565b;text-align:center;align-content:center;place-items:center;gap:7px;min-height:260px;padding:28px;display:grid}.ui-wd-image-placeholder>span{color:#fff;background:#2d2025;border-radius:50%;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.ui-wd-image-placeholder strong{color:#2d2025;font-size:18px}.ui-wd-image-placeholder small{font-size:13px}.ui-wd-custom-image figcaption{color:#65565b;text-align:center;padding-top:9px;font-size:14px;line-height:1.35}.ui-wd-custom-youtube{width:var(--ui-wd-custom-youtube-width);margin:0}.ui-wd-custom-youtube.align-center{margin-inline:auto}.ui-wd-custom-youtube.align-right{margin-left:auto}.ui-wd-custom-youtube-frame{background:#171315;border:0;min-height:180px;display:grid;overflow:visible}.ui-wd-custom-youtube figcaption{color:#65565b;text-align:center;padding-top:9px;font-size:14px;line-height:1.35}.ui-wd-custom-video{width:var(--ui-wd-custom-video-width);margin:0}.ui-wd-custom-video.align-center{margin-inline:auto}.ui-wd-custom-video.align-right{margin-left:auto}.ui-wd-custom-video-frame{background:#171315;border:0;min-height:180px;display:grid;overflow:visible}.ui-wd-custom-video-frame:has(video){min-height:0}.ui-wd-custom-video-frame video{object-fit:contain;background:#171315;width:100%;max-height:720px;display:block}.ui-wd-custom-video figcaption{color:#65565b;text-align:center;padding-top:9px;font-size:14px;line-height:1.35}.ui-wd-youtube-fields{grid-template-columns:minmax(180px,1.4fr) minmax(160px,1fr);gap:8px;margin-top:10px;display:grid}.ui-wd-youtube-fields label{color:#65565b;letter-spacing:.04em;text-transform:uppercase;gap:4px;font-size:11px;font-weight:700;display:grid}.ui-wd-youtube-fields input{letter-spacing:0;text-transform:none;width:100%;padding:6px 9px;font-size:13px}.ui-wd-video-fields{grid-template-columns:auto minmax(160px,1.2fr) minmax(160px,1fr);gap:8px;margin-top:10px;display:grid}.ui-wd-video-fields label{color:#65565b;letter-spacing:.04em;text-transform:uppercase;gap:4px;font-size:11px;font-weight:700;display:grid}.ui-wd-video-fields input{letter-spacing:0;text-transform:none;width:100%;padding:6px 9px;font-size:13px}.ui-wd-video-fields>small{color:#65565b;grid-column:1/-1}.ui-wd-image-width{flex:1;min-width:120px}.ui-wd-image-width>output{justify-self:end;margin-top:-16px}.ui-wd-image-width input{width:100%;accent-color:var(--ui-pink)}.ui-wd-image-fields{grid-template-columns:auto minmax(160px,1.2fr) minmax(160px,1fr);gap:8px;margin-top:10px;display:grid}.ui-wd-image-fields label{color:#65565b;letter-spacing:.04em;text-transform:uppercase;gap:4px;font-size:11px;font-weight:700;display:grid}.ui-wd-image-fields input{letter-spacing:0;text-transform:none;width:100%;padding:6px 9px;font-size:13px}.ui-wd-upload-button{cursor:pointer;background:#2d2025;border-radius:5px;align-self:end;place-items:center;min-height:34px;padding:6px 12px;color:#fff!important;display:grid!important}.ui-wd-upload-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.ui-wd-caption-input{text-align:center;width:100%;margin-top:8px;padding:6px 9px;font-size:14px}.ui-wd-image-error{color:#8d2842;grid-column:1/-1;font-size:13px;font-weight:650}.ui-wd-field-note[data-field-note-breakpoint=tablet]{padding-inline:32px}.ui-wd-field-note[data-field-note-breakpoint=mobile]{padding-inline:18px}.ui-wd-field-note[data-field-note-breakpoint=mobile]>header,.ui-wd-field-note[data-field-note-breakpoint=tablet]>header,.ui-wd-field-note[data-field-note-breakpoint=mobile] .ui-wd-note-body,.ui-wd-field-note[data-field-note-breakpoint=mobile] .ui-wd-note-track{grid-template-columns:1fr}.ui-wd-field-note[data-field-note-breakpoint=mobile] .ui-wd-note-strip.is-carousel .ui-wd-media-art{aspect-ratio:16/10;height:auto;min-height:0}.ui-wd-field-note[data-field-note-breakpoint=mobile] .ui-wd-note-strip.is-carousel .ui-wd-media-expand{min-height:0}.ui-wd-field-note[data-field-note-breakpoint=mobile] .ui-wd-note-strip.is-grid .ui-wd-media:nth-child(2){translate:0 var(--ui-wd-note-second-offset)}.ui-wd-field-note[data-field-note-breakpoint=mobile] .ui-wd-custom-tools,.ui-wd-field-note[data-field-note-breakpoint=mobile] .ui-wd-image-fields{flex-wrap:wrap;grid-template-columns:1fr}.ui-wd-field-note[data-field-note-breakpoint=mobile] .ui-wd-custom-tools .ui-wd-delete-block{margin-left:0}.ui-wd-ending{border-top:2px solid var(--ui-pink);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:clamp(44px,6cqw,82px);padding:clamp(18px,2cqw,30px) 0;display:grid;position:relative}.ui-wd-field-note .ui-wd-ending{border-top:0}.ui-wd-ending-divider{position:absolute;top:-9px;left:0}.ui-wd-ending button{color:inherit;cursor:pointer;background:0 0;border:0;padding:7px 0;font-size:clamp(16px,1.5cqw,23px)}.ui-wd-ending button:first-of-type{justify-self:start}.ui-wd-ending button:nth-of-type(2){text-underline-offset:.18em;justify-self:center;font-size:clamp(12px,1cqw,15px);text-decoration:underline}.ui-wd-ending button:last-of-type{justify-self:end}.ui-wd-ending button:hover{text-underline-offset:.18em;text-decoration:underline}@container (width<=760px){.ui-wd-lab{bottom:1.5%;left:1.5%;right:1.5%}.ui-wd-toolbar{grid-template-columns:86px 1fr}.ui-wd-template-picker button{text-align:center;padding-inline:8px}.ui-wd-template-picker span,.ui-wd-apply>span{display:none}.ui-wd-apply{border-top:1px solid color-mix(in srgb, var(--ui-pink) 35%, transparent);grid-column:1/-1;justify-content:end}.ui-wd-template{padding:24px 18px 44px}.ui-wd-editor-context{display:none}.ui-wd-case-context,.ui-wd-visual-context,.ui-wd-note-body{grid-template-columns:1fr}.ui-wd-process ol{grid-template-columns:1fr 1fr}.ui-wd-case-media,.ui-wd-visual-grid{grid-template-columns:1fr}.ui-wd-visual-grid .feature{grid-row:auto}.ui-wd-visual-story>header{display:block}.ui-wd-visual-story>header .ui-wd-kicker{margin-bottom:16px}.ui-wd-visual-dek{margin-top:18px!important}.ui-wd-field-note>header,.ui-wd-note-track{grid-template-columns:1fr}.ui-wd-note-strip.is-grid .ui-wd-media:nth-child(2){translate:0}}@container (width<=720px){.ui-wd-case-study{padding:8px 12px 28px}.ui-wd-case-study-content{width:100%}.ui-wd-case-study-content>h1{left:8px}.ui-wd-case-study-frame{--ui-wd-case-content-inset:20px;min-height:0}.ui-wd-case-intro{grid-template-columns:1fr;padding:16px 0 22px}.ui-wd-ending{grid-template-columns:1fr 1fr}.ui-wd-ending button:nth-of-type(2){grid-area:2/1/auto/-1}}:root{color:#e7ecea;font-synthesis:none;text-rendering:optimizelegibility;--ink-muted:#77817e;--hairline:#d0e7df21;--hairline-strong:#d0e7df3d;--acid:#c6ff3d;--panel:#0d1011;background:#090b0c;font-family:Inter,ui-sans-serif,system-ui,sans-serif}@font-face{font-family:Handjet;src:url(/fonts/handjet-latin-variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.stage-loader-dom{z-index:9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,pre:focus-visible{outline:1px solid var(--acid);outline-offset:2px}.workspace{background:#090b0c;grid-template-rows:68px 58px minmax(0,1fr) auto 40px;grid-template-columns:minmax(0,1fr) 350px;width:100%;height:100dvh;display:grid;overflow:hidden}.workspace.export-hidden{grid-template-columns:minmax(0,1fr)}.topbar{border-bottom:1px solid var(--hairline);background:#0a0c0d;grid-column:1/-1;justify-content:space-between;align-items:center;gap:16px;min-width:0;padding:0 22px;display:flex}.brand-lockup{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{border:1px solid var(--hairline-strong);width:36px;height:36px;color:var(--acid);background:linear-gradient(135deg,#c6ff3d14,#0000 55%);place-items:center;font:500 11px DM Mono,monospace;display:grid}.brand-lockup h1{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.brand-lockup p{color:var(--ink-muted);letter-spacing:.12em;margin:3px 0 0;font:400 8px DM Mono,monospace}.mode-switch{border:1px solid var(--hairline);scrollbar-width:none;background:#080a0b;flex:0 auto;align-items:center;gap:2px;min-width:0;padding:3px;display:flex;overflow-x:auto}.mode-switch::-webkit-scrollbar{display:none}.mode-switch button{color:#747e7b;cursor:pointer;letter-spacing:.05em;white-space:nowrap;background:0 0;border:0;flex:none;padding:6px 10px;font:400 8px DM Mono,monospace}.mode-switch button:hover{color:#d4dbd8}.mode-switch button.active{color:var(--acid);background:#c6ff3d14}.status-cluster{color:#8d9794;letter-spacing:.06em;align-items:center;gap:18px;font:400 9px DM Mono,monospace;display:flex}.status-cluster span{align-items:center;gap:7px;display:flex}.status-dot{background:var(--acid);border-radius:50%;width:5px;height:5px;box-shadow:0 0 8px #c6ff3db3}.toolrail{border-bottom:1px solid var(--hairline);background:#0b0e0f;grid-column:1/-1;grid-template-columns:minmax(220px,1fr) auto auto;align-items:stretch;display:grid}.asset-meta{grid-template-columns:auto auto 1fr;align-items:center;gap:12px;min-width:0;padding:0 22px;display:grid}.asset-meta .eyebrow{color:var(--acid);letter-spacing:.12em;font:400 8px DM Mono,monospace}.asset-meta strong{font-size:11px;font-weight:500}.asset-meta>span:last-child{min-width:0;color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font:400 9px DM Mono,monospace;overflow:hidden}.preset-list,.primary-actions{border-left:1px solid var(--hairline);align-items:center;display:flex}.preset-list{gap:3px;max-width:52vw;padding:0 9px;overflow-x:auto}.preset-list button,.primary-actions button,.export-heading button{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000}.preset-list button{color:#8b9491;padding:7px 9px;font:400 9px DM Mono,monospace}.preset-list button:hover,.preset-list button.active{color:#edf2ef;border-color:var(--hairline-strong);background:#ffffff06}.preset-list button.experiment{color:#a9a1bd}.preset-list button.active:before{content:"";background:var(--acid);vertical-align:1px;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block}.primary-actions{gap:8px;padding:0 14px}.primary-actions button{border-color:var(--hairline-strong);color:#d6dcda;padding:8px 11px;font:400 9px DM Mono,monospace}.primary-actions button:first-child,.primary-actions button[aria-pressed=true]{color:var(--acid);border-color:#c6ff3d5c}.primary-actions button:hover{background:#ffffff0b}.preset-list button small{color:var(--ink-muted);font-size:7px}kbd{border:1px solid var(--hairline-strong);color:#8e9894;border-radius:2px;padding:1px 4px;font:400 8px DM Mono,monospace}.stage-shell{background-color:var(--stage-bg);isolation:isolate;background-image:linear-gradient(#bad3ca0a 1px,#0000 1px),linear-gradient(90deg,#bad3ca0a 1px,#0000 1px),radial-gradient(circle at 50% 45%,#a0bbb212,#0000 44%);background-size:32px 32px,32px 32px,100% 100%;min-width:0;min-height:0;position:relative;overflow:hidden}.stage-shell:before,.stage-shell:after{content:"";z-index:5;pointer-events:none;background:#dbeee826;position:absolute}.stage-shell:before{width:1px;height:100%;top:0;left:50%}.stage-shell:after{width:100%;height:1px;top:50%;left:0}.stage-corners{z-index:6;pointer-events:none;border:1px solid #d0e7df0f;position:absolute;inset:14px}.stage-readout{z-index:8;color:#68726f;letter-spacing:.08em;pointer-events:none;font:400 8px DM Mono,monospace;position:absolute;top:25px}.stage-readout.top-left{left:27px}.stage-readout.top-right{right:27px}.stage-footer{z-index:8;color:#68726f;letter-spacing:.08em;pointer-events:none;justify-content:space-between;font:400 8px DM Mono,monospace;display:flex;position:absolute;bottom:25px;left:27px;right:27px}.stage-shell canvas{z-index:2;position:relative}.asset-positioner{z-index:4;cursor:grab;touch-action:none;width:clamp(180px,34vw,470px);position:absolute;top:50%;left:50%;translate:-50% -50%}.asset-2d{color:#0b0d0e;width:100%;transform-style:preserve-3d;will-change:transform, filter;position:relative;overflow:visible}.asset-2d img,.asset-2d svg{object-fit:contain;-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.model-hitbox-editor{z-index:4;width:clamp(180px,34vw,470px);position:absolute;top:50%;left:50%;translate:-50% -50%}.model-hitbox-editor .model-collider-preview{pointer-events:none;width:100%!important;height:100%!important}.collider-editor{z-index:20;pointer-events:none;position:absolute;inset:0}.collider-editor svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.collider-editor polygon{fill:#c6ff3d14;stroke:var(--acid);stroke-width:2px;vector-effect:non-scaling-stroke}.collider-editor button{z-index:2;cursor:grab;pointer-events:auto;touch-action:none;padding:0;position:absolute;translate:-50% -50%}.collider-point{background:var(--acid);width:13px;height:13px;box-shadow:0 0 0 1px var(--acid);border:2px solid #0b0e10;border-radius:50%}.collider-point.selected{background:#67e3ff;box-shadow:0 0 0 2px #67e3ff}.collider-point:active{cursor:grabbing}.collider-edge-point{border:1px solid var(--acid);opacity:.68;background:#0b0e10;width:8px;height:8px;rotate:45deg}.collider-edge-point:hover{opacity:1;background:var(--acid)}.collider-editor-hint{color:var(--acid);letter-spacing:.08em;white-space:nowrap;font:500 7px DM Mono,monospace;position:absolute;top:calc(100% + 12px);left:50%;translate:-50%}.hitbox-editor polygon{fill:#67e3ff14;stroke:#67e3ff}.hitbox-editor .collider-point{background:#67e3ff;box-shadow:0 0 0 1px #67e3ff}.hitbox-editor .collider-edge-point{border-color:#67e3ff}.hitbox-editor .collider-editor-hint{color:#67e3ff}.character-positioner{z-index:4;transform-origin:50%;width:400px;height:400px;position:absolute;top:50%;left:50%;translate:-50% -50%}.character-scope-tabs{z-index:40;flex-wrap:wrap;gap:4px;width:400px;display:flex;position:absolute;bottom:calc(100% + 26px);left:0}.character-scope-tabs button{color:#89938f;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:#0b0e10e0;border:1px solid #303936;border-radius:2px;padding:4px 6px;font:500 7px DM Mono,monospace}.character-scope-tabs button:hover{color:#d5ded9;border-color:#66736d}.character-scope-tabs button.active{border-color:var(--acid);background:var(--acid);color:#0a0c0d}.character-composition{touch-action:none;border:1px solid #c6ff3d1f;border-radius:2px;width:400px;height:400px;position:relative}.character-composition:before{content:"400 × 400";z-index:30;color:#5f6966;letter-spacing:.08em;font:400 8px DM Mono,monospace;position:absolute;top:-19px;left:0}.character-layer{cursor:grab;touch-action:none;transform-origin:50%;position:absolute;top:50%;left:50%;translate:-50% -50%}.character-layer.selected{outline-offset:3px;outline:1px solid #c6ff3d94}.character-layer-motion,.character-layer img{width:100%;height:100%;display:block}.character-layer img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.character-layer-label{background:var(--acid);color:#0a0c0d;text-transform:uppercase;pointer-events:none;padding:2px 5px;font:500 7px DM Mono,monospace;position:absolute;top:-19px;right:-4px}.character-layer-error{color:#ff7666;border:1px dashed #ff766680;place-items:center;width:100%;height:100%;font:400 9px DM Mono,monospace;display:grid}.hat-stack-stage{z-index:4;border-inline:1px solid #c6ff3d14;width:400px;height:500px;position:absolute;top:50%;left:50%;overflow:hidden;translate:-50% -50%}.hat-stack-stage.inactive{visibility:hidden;pointer-events:none}.hat-stack-portrait{z-index:2;opacity:.3;filter:grayscale()contrast(.82);-webkit-user-select:none;user-select:none;pointer-events:none;width:330px;position:absolute;top:250px;left:50%;translate:-50%}.hat-stack-head-surface{z-index:4;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.hat-stack-head-surface polygon{fill:#c6ff3d06;stroke:#c6ff3d9e;stroke-width:1px;stroke-dasharray:4 3;vector-effect:non-scaling-stroke}.hat-stack-body{width:0;height:0;translate:var(--hat-x) var(--hat-y);rotate:var(--hat-rotation);opacity:0;transform-origin:0 0;will-change:translate, rotate;pointer-events:none;position:absolute;top:0;left:0}.hat-stack-body.active{opacity:1}.hat-stack-body img{object-fit:fill;filter:drop-shadow(0 8px 7px #00000061);-webkit-user-select:none;user-select:none;max-width:none;position:absolute}.hat-stack-model{pointer-events:auto;filter:drop-shadow(0 8px 7px #0000006b);position:absolute}.hat-stack-model canvas{cursor:grab;touch-action:none;position:absolute;inset:0;width:100%!important;height:100%!important}.hat-stack-model canvas:active{cursor:grabbing}.hat-stack-model-error{color:#ff7666;text-align:center;width:96px;font:500 7px DM Mono,monospace;position:absolute;top:-10px;left:-48px}.hat-stack-body span{width:13px;height:13px;color:var(--acid);background:#0b0e10;border:1px solid #c6ff3d80;border-radius:50%;place-items:center;font:500 7px DM Mono,monospace;display:grid;position:absolute;top:-5px;right:-5px}.hat-stack-colliders{z-index:50;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hat-stack-colliders polygon{fill:#c6ff3d14;stroke:var(--acid);stroke-width:1px;vector-effect:non-scaling-stroke}.hat-stack-colliders polygon.head{fill:#67e3ff0d;stroke:#67e3ff;stroke-dasharray:4 3}.hat-stack-status{z-index:10;border:1px solid var(--hairline-strong);color:#aeb7b4;background:#090b0ce6;padding:9px 12px;font:400 9px DM Mono,monospace;position:absolute;top:50%;left:50%;translate:-50% -50%}.hat-stack-status.error{color:#ff7666;border-color:#ff766673}.hat-stack-ground{z-index:3;border-top:1px dashed #8f9c9733;width:100%;position:absolute;top:486px;left:0}.hat-stack-legend{z-index:30;color:#66716d;letter-spacing:.08em;justify-content:space-between;font:500 7px DM Mono,monospace;display:flex;position:absolute;inset:auto 8px 7px}.hat-order-editor{z-index:40;color:#96a09c;letter-spacing:.05em;background:#090b0cdb;border:1px solid #c6ff3d38;width:122px;padding:7px;font:500 7px DM Mono,monospace;position:absolute;top:8px;right:8px}.hat-order-editor>strong{color:var(--acid);letter-spacing:.12em;margin-bottom:5px;font-size:7px;display:block}.hat-order-editor>div{border-top:1px solid #c6ff3d17;grid-template-columns:12px minmax(0,1fr) 18px 18px;align-items:center;min-height:22px;display:grid}.hat-order-editor b{color:#c1cbc7;text-overflow:ellipsis;white-space:nowrap;font-weight:400;overflow:hidden}.hat-order-editor button{width:17px;height:17px;color:var(--acid);border-color:#38413e;padding:0;font:500 9px DM Mono,monospace}.hat-order-editor button:disabled{color:#434b48;cursor:default;opacity:.55}.hat-landing-target{z-index:42;left:calc(50% + var(--landing-target-x));top:calc(50% + 205px + var(--landing-target-y));color:#67e3ff;letter-spacing:.06em;cursor:grab;touch-action:none;background:#090b0cb3;border:1px solid #67e3ff;border-radius:50%;width:34px;height:34px;padding:0;font:500 6px DM Mono,monospace;position:absolute;translate:-50% -50%}.hat-landing-target:before,.hat-landing-target:after{content:"";opacity:.7;pointer-events:none;background:#67e3ff;position:absolute;top:50%;left:50%}.hat-landing-target:before{width:46px;height:1px;translate:-50% -50%}.hat-landing-target:after{width:1px;height:46px;translate:-50% -50%}.hat-landing-target:active{cursor:grabbing}.hat-landing-target span{z-index:1;position:relative}.stage-loader,.model-error{border:1px solid var(--hairline-strong);color:#aeb7b4;white-space:nowrap;background:#090b0ce0;padding:10px 13px;font:400 10px DM Mono,monospace}.model-error{border-color:#ff766666;gap:5px;display:grid}.model-error strong{color:#ff7666;font-weight:500}.export-panel{border-left:1px solid var(--hairline);background:var(--panel);scrollbar-color:#303735 transparent;scrollbar-width:thin;min-width:0;min-height:0;padding:14px;overflow-y:auto}.export-title{color:#89928f;letter-spacing:.12em;justify-content:space-between;align-items:center;margin-bottom:13px;font:400 8px DM Mono,monospace;display:flex}.live-indicator{color:var(--acid)}.live-indicator:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:4px;height:4px;margin-right:6px;display:inline-block}.export-block{border:1px solid var(--hairline);background:#090b0c;margin-bottom:12px}.export-heading{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;min-height:34px;padding-left:10px;display:flex}.export-heading h3{color:#aab3b0;margin:0;font:400 9px DM Mono,monospace}.export-heading button{border-left-color:var(--hairline);color:var(--acid);align-self:stretch;padding:0 10px;font:400 8px DM Mono,monospace}.export-heading button:hover{background:#c6ff3d0d}.export-block pre{color:#81908b;scrollbar-color:#303735 transparent;scrollbar-width:thin;max-height:190px;margin:0;padding:11px;font:300 9px/1.55 DM Mono,monospace;overflow:auto}.timeline-panel{border-top:1px solid var(--hairline-strong);color:#b8c2be;background:#080a0b;grid-column:1/-1;min-width:0;font:475 11px/1.25 DM Mono,monospace;position:relative}.timeline-panel:not(.collapsed){height:var(--timeline-panel-height,280px);flex-direction:column;display:flex}.timeline-resize-handle{z-index:30;cursor:ns-resize;touch-action:none;width:100%;height:12px;position:absolute;top:-6px;left:0}.timeline-resize-handle span{background:#3c4743;border-radius:2px;width:46px;height:3px;transition:background .12s,width .12s;position:absolute;top:4px;left:50%;translate:-50%}.timeline-resize-handle:hover span,.timeline-resize-handle:focus-visible span{background:var(--acid);width:64px}.timeline-resize-handle:focus-visible{outline:1px solid var(--acid);outline-offset:-2px}.timeline-panel.collapsed .timeline-resize-handle{display:none}.timeline-transport{z-index:3;border-bottom:1px solid var(--hairline);background:#0b0e0f;flex-wrap:wrap;flex:none;align-items:center;gap:14px;min-height:44px;padding:0 16px;display:flex;position:relative}.timeline-panel.collapsed .timeline-transport{border-bottom:0}.timeline-panel button,.timeline-panel select{color:#c4ceca;font:inherit;background:#090b0c;border:1px solid #d0e7df4d;border-radius:2px}.timeline-panel button{cursor:pointer}.timeline-panel button:hover:not(:disabled),.timeline-panel button.active{color:var(--acid);border-color:#c6ff3d75}.timeline-panel button:disabled{cursor:not-allowed;opacity:.35}.timeline-collapse{letter-spacing:.1em;text-transform:uppercase;align-self:stretch;align-items:center;gap:9px;min-width:112px;padding:0 10px;display:flex;border-block:0!important;color:var(--acid)!important;background:0 0!important;border-left:0!important;border-radius:0!important}.timeline-transport-group{align-items:center;gap:5px;display:flex}.timeline-transport-group>button{min-width:32px;height:30px;padding:0 9px}.timeline-speed{color:#8b9692;text-transform:uppercase;align-items:center;gap:8px;margin-left:5px;display:flex}.timeline-speed select{cursor:pointer;height:30px;padding:0 24px 0 9px}.timeline-time{color:#e1e7e4;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-left:auto}.timeline-time span{color:#8d9894}.timeline-static{color:#ffc078;letter-spacing:.08em;text-transform:uppercase;border:1px solid #ffb15c70;padding:5px 8px}.timeline-solo-exit{white-space:nowrap;height:28px;padding:0 9px}.timeline-workflow-toolbar,.timeline-marker-toolbar{border-bottom:1px solid var(--hairline);background:#090c0d;flex:none;align-items:center;gap:7px;min-height:36px;padding:4px 16px;display:flex}.timeline-workflow-toolbar>span,.timeline-marker-toolbar>span{color:#8d9894;font-variant-numeric:tabular-nums;white-space:nowrap}.timeline-workflow-toolbar>button,.timeline-marker-toolbar>button{height:27px;padding:0 8px}.timeline-workflow-toolbar>output{min-width:120px;color:var(--acid)}.timeline-marker-toolbar strong{color:#dce4e0;font-weight:550}.timeline-marker-toolbar input[type=text],.timeline-marker-toolbar input:not([type]){width:180px}.timeline-marker-toolbar input[type=color]{border:1px solid var(--hairline-strong);background:#090b0c;width:30px;height:27px;padding:2px}.timeline-panel button.danger{color:#d88181;border-color:#d881816b}.timeline-more{margin-left:auto;position:relative}.timeline-more summary{border:1px solid var(--hairline-strong);color:#aab4b0;cursor:pointer;padding:6px 8px;list-style:none}.timeline-more summary::-webkit-details-marker{display:none}.timeline-more[open] summary{color:var(--acid);border-color:#c6ff3d6b}.timeline-more>div{z-index:20;border:1px solid var(--hairline-strong);background:#0b0e0f;flex-wrap:wrap;gap:6px;width:min(760px,92vw);padding:9px;display:flex;position:absolute;top:calc(100% + 5px);right:0;box-shadow:0 14px 35px #0000007a}.timeline-more input,.timeline-more select{color:#c4ceca;min-width:130px;height:28px;font:inherit;background:#090b0c;border:1px solid #d0e7df4d;padding:0 8px}.timeline-more button{height:28px;padding:0 8px}.timeline-clip-toolbar{border-bottom:1px solid var(--hairline);background:#090c0d;flex:none;align-items:center;gap:8px;min-height:38px;padding:4px 16px;display:flex}.timeline-clip-toolbar strong{color:#dce4e0;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-weight:550;overflow:hidden}.timeline-clip-toolbar label{color:#7f8a86;text-transform:uppercase;align-items:center;gap:7px;display:flex}.timeline-clip-toolbar select,.timeline-clip-toolbar button{height:28px;padding:0 9px}.timeline-clip-toolbar>span{color:#8d9894;font-variant-numeric:tabular-nums;margin-left:auto}.timeline-clip-toolbar>.timeline-keyframe-selection{color:var(--acid);white-space:nowrap;margin-left:4px}.timeline-scroll{scrollbar-color:#303735 transparent;scrollbar-width:thin;flex:auto;min-width:0;min-height:0;overflow:auto}.timeline-track{min-height:70px;position:relative}.timeline-ruler-gutter{z-index:7;border-right:1px solid var(--hairline);border-bottom:1px solid var(--hairline);color:#6f7a76;letter-spacing:.09em;text-transform:uppercase;background:#0b0e0f;align-items:center;width:230px;height:34px;padding:0 14px;font-size:9px;display:flex;position:sticky;top:0;left:0}.timeline-ruler{z-index:2;border-bottom:1px solid var(--hairline);background-image:repeating-linear-gradient(90deg,#0000 0 4px,#d0e7df0e 4px 5px);height:34px;position:absolute;top:0}.timeline-work-area{z-index:0;background:#67e3ff17;border-inline:1px solid #67e3ff94;position:absolute;top:0;bottom:0}.timeline-mark{color:#89948f;height:100%;font-size:9px;font-style:normal;position:absolute;top:0;translate:-1px}.timeline-mark i{background:#7f8a86;width:1px;height:10px;display:block}.timeline-mark b{white-space:nowrap;font-weight:450;position:absolute;top:14px;left:6px}.timeline-scrubber{appearance:none;z-index:4;cursor:ew-resize;background:0 0;width:100%;height:34px;margin:0;position:absolute;top:0;left:0}.timeline-scrubber::-webkit-slider-runnable-track{background:0 0;height:100%}.timeline-scrubber::-moz-range-track{background:0 0;height:100%}.timeline-scrubber::-webkit-slider-thumb{appearance:none;background:var(--acid);border:0;border-radius:0 0 6px 6px;width:14px;height:13px;margin-top:0}.timeline-scrubber::-moz-range-thumb{background:var(--acid);border:0;border-radius:0 0 7px 7px;width:14px;height:13px}.timeline-playhead{z-index:3;background:var(--acid);pointer-events:none;width:1px;position:absolute;top:11px;bottom:0}.timeline-playhead i{background:var(--acid);border-radius:50%;width:5px;height:5px;position:absolute;top:-4px;left:-2px;box-shadow:0 0 6px #c6ff3d85}.timeline-ruler-marker{z-index:6;width:11px;height:18px;position:absolute;top:0;translate:-5px;background:var(--marker-color)!important;color:var(--marker-color)!important;border:0!important;border-radius:0 0 7px 7px!important;padding:0!important}.timeline-ruler-marker:after{content:"";opacity:.65;background:currentColor;width:1px;height:17px;position:absolute;top:17px;left:5px}.timeline-ruler-marker span{color:#bdc7c3;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;max-width:110px;font-size:8px;position:absolute;top:2px;left:13px;overflow:hidden}.timeline-ruler-marker.selected{box-shadow:0 0 0 2px #fff!important}.timeline-rows{display:grid}.timeline-track-row{background:#ffffff03;border-bottom:1px solid #d0e7df14;grid-template-columns:230px minmax(0,1fr);height:42px;display:grid;position:relative}.timeline-track-row.selected{background:#c6ff3d06}.timeline-track-label{z-index:6;border-right:1px solid var(--hairline);background:#0a0d0e;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;display:grid;position:sticky;left:0}.timeline-asset-select{text-align:left;align-content:center;gap:2px;min-width:0;display:grid;overflow:hidden;background:0 0!important;border:0!important;border-radius:0!important;padding:0 12px!important}.timeline-track-row.selected .timeline-asset-select{box-shadow:inset 3px 0 var(--acid);color:#e0e7e4}.timeline-asset-select span{text-overflow:ellipsis;white-space:nowrap;font-weight:550;overflow:hidden}.timeline-asset-select small{color:#7e8985;letter-spacing:.055em;text-transform:uppercase;white-space:nowrap;font-size:8px}.timeline-add-clip{white-space:nowrap;align-self:center;height:25px;margin-right:7px;padding:0 7px;color:#8e9995!important;font-size:9px!important}.timeline-clip-lane{background-image:repeating-linear-gradient(90deg,#0000 0 4px,#d0e7df09 4px 5px);height:100%;position:relative;overflow:hidden}.timeline-clip{touch-action:none;white-space:nowrap;border:1px solid #62706b;border-radius:2px;align-items:center;gap:5px;min-width:10px;height:30px;padding:0 9px 0 6px;display:flex;position:absolute;top:6px;overflow:hidden;color:#cbd3d0!important;cursor:grab!important;background:#71807a29!important;border-color:#62706b!important}.timeline-clip:active{cursor:grabbing!important}.timeline-clip>span{background:#ffffff1a;border-radius:2px;flex:none;place-items:center;width:14px;height:14px;font-size:8px;display:grid}.timeline-clip b{text-overflow:ellipsis;font-size:9px;font-weight:550;overflow:hidden}.timeline-clip[data-interaction=enter]{background:#568c9b2e!important;border-color:#568c9b!important}.timeline-clip[data-interaction=idle]{background:#6f8c682e!important;border-color:#6f8c68!important}.timeline-clip[data-interaction=hover]{background:#82729e2e!important;border-color:#82729e!important}.timeline-clip[data-interaction=press]{background:#a27b5330!important;border-color:#a27b53!important}.timeline-clip[data-interaction=exit]{background:#9a63632e!important;border-color:#9a6363!important}.timeline-clip.selected{box-shadow:0 0 0 1px #c6ff3d42;border-color:var(--acid)!important}.timeline-clip.solo{box-shadow:0 0 0 1px #67e3ff8c,0 0 10px #67e3ff33}.timeline-clip.disabled{opacity:.38}.timeline-keyframe{z-index:2;touch-action:none;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)rotate(45deg);background:#111718!important;border:1px solid #d9e3df!important;border-radius:1px!important;padding:0!important}.timeline-keyframe:hover,.timeline-keyframe.selected{box-shadow:0 0 0 2px #c6ff3d33;border-color:var(--acid)!important;background:var(--acid)!important}.timeline-keyframe.selected.primary{box-shadow:0 0 0 2px #f4f8f6,0 0 0 4px #c6ff3d38}.timeline-clip-resize{cursor:ew-resize;border-left:1px solid #ffffff47;width:7px;position:absolute;top:0;bottom:0;right:0}.shortcut-bar{border-top:1px solid var(--hairline);color:#929d99;letter-spacing:.04em;background:#0a0c0d;grid-column:1/-1;align-items:center;gap:22px;padding:0 22px;font:450 10px DM Mono,monospace;display:flex}.shortcut-bar>span:first-child{color:var(--acid);letter-spacing:.12em}.shortcut-bar kbd{font-size:9px}.shortcut-note{margin-left:auto}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.stage-shell.ui-mode{background:#fffaf0}.stage-shell.ui-mode:before,.stage-shell.ui-mode:after,.stage-shell.ui-mode>.stage-corners,.stage-shell.ui-mode>.stage-readout,.stage-shell.ui-mode>.stage-footer{display:none}.workspace.figma-workspace{grid-template-rows:68px minmax(0,1fr) 40px;grid-template-columns:minmax(0,1fr)}.figma-workspace>.toolrail{display:none}.figma-workspace .brand-lockup p,.figma-workspace .mode-switch button{font-size:10px}.figma-workspace .status-cluster{font-size:11px}.workspace.content-workspace{grid-template-rows:68px minmax(0,1fr) 40px;grid-template-columns:minmax(0,1fr)}.content-workspace>.toolrail{display:none}.stage-shell.content-mode{background:#090b0c;overflow:clip}.stage-shell.content-mode:before,.stage-shell.content-mode:after,.stage-shell.content-mode>.stage-corners,.stage-shell.content-mode>.stage-readout,.stage-shell.content-mode>.stage-footer{display:none}.stage-shell.figma-mode{background:#0a0c0d}.stage-shell.figma-mode:before,.stage-shell.figma-mode:after,.stage-shell.figma-mode>.stage-corners,.stage-shell.figma-mode>.stage-readout,.stage-shell.figma-mode>.stage-footer{display:none}.figma-lab-stage{z-index:10;color:#dfe6e3;background:#0a0c0d;grid-template-columns:292px minmax(0,1fr);display:grid;position:absolute;inset:0}.figma-flow-panel{border-right:1px solid var(--hairline);background:#0d1011;flex-direction:column;min-width:0;display:flex}.figma-flow-heading{border-bottom:1px solid #d0e7df14;justify-content:space-between;align-items:center;min-height:58px;padding:14px 15px;display:flex}.figma-flow-heading span{color:#f0f4f2;letter-spacing:.04em;text-transform:uppercase;font:600 12px DM Mono,monospace}.figma-flow-heading strong{color:#89938f;font:450 10px DM Mono,monospace}.figma-flow-heading>div{align-items:center;gap:8px;display:flex}.figma-flow-heading button{border:1px solid var(--hairline-strong);color:#b5bfbb;cursor:pointer;background:#111514;border-radius:3px;align-items:center;gap:5px;min-height:28px;padding:5px 8px;font:500 10px DM Mono,monospace;display:flex}.figma-flow-heading button:hover{color:var(--acid);border-color:#c6ff3d4d}.figma-flow-heading svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;width:11px;height:11px}.figma-device-tabs{grid-template-columns:1fr 1fr;gap:4px;padding:8px 10px 0;display:grid}.figma-device-tabs button{border:1px solid var(--hairline);color:#75807c;text-transform:capitalize;cursor:pointer;background:#090c0c;border-radius:3px;justify-content:space-between;align-items:center;min-width:0;padding:8px 9px;font:500 10px DM Mono,monospace;display:flex}.figma-device-tabs button:hover{color:#c8d0cd}.figma-device-tabs button.active{color:#eff4f2;background:#c6ff3d12;border-color:#c6ff3d4d}.figma-device-tabs button.active:before{background:var(--acid);content:"";border-radius:50%;width:5px;height:5px;margin-right:6px}.figma-device-tabs small{color:#69736f;margin-left:auto;font:450 9px DM Mono,monospace}.figma-device-tabs button.active small{color:var(--acid)}.figma-screen-editor{background:#090c0c;border:1px solid #c6ff3d3d;border-radius:4px;gap:11px;margin:10px;padding:13px;display:grid}.figma-screen-editor>div:first-child{justify-content:space-between;align-items:center;display:flex}.figma-screen-editor>div:first-child strong{color:#e9efec;font:550 11px DM Mono,monospace}.figma-screen-editor>div:first-child button{color:#737d79;cursor:pointer;background:0 0;border:0;width:20px;height:20px;padding:0;font-size:15px}.figma-screen-editor label{color:#8e9995;text-transform:uppercase;letter-spacing:.05em;gap:5px;font:500 10px DM Mono,monospace;display:grid}.figma-screen-editor input{color:#eef3f1;text-transform:none;background:#060808;border:1px solid #34403c;border-radius:3px;outline:0;width:100%;min-width:0;padding:9px;font:400 12px DM Mono,monospace}.figma-screen-editor input:focus{border-color:#c6ff3d80;box-shadow:0 0 0 2px #c6ff3d0d}.figma-screen-editor>span{color:#ff8678;font:450 10px DM Mono,monospace}.figma-screen-editor .figma-screen-device-note{color:var(--acid);text-transform:capitalize;margin:-3px 0 0;font:450 9px DM Mono,monospace}.figma-screen-editor-actions{justify-content:flex-end;gap:5px;display:flex}.figma-screen-editor-actions button{border:1px solid var(--hairline-strong);color:#b9c3bf;cursor:pointer;background:#111514;border-radius:2px;padding:7px 9px;font:500 10px DM Mono,monospace}.figma-screen-editor-actions button.primary{color:var(--acid);border-color:#c6ff3d59}.figma-screen-editor-actions button.danger{color:#ff8b7b;border-color:#ff705d40;margin-right:auto}.figma-screen-list{gap:5px;padding:12px 10px;display:grid;overflow-y:auto}.figma-screen-row{border:1px solid #0000;border-radius:3px;grid-template-columns:minmax(0,1fr) 28px;align-items:center;display:grid;position:relative}.figma-screen-row:hover{background:#ffffff06}.figma-screen-row.active{box-shadow:inset 3px 0 0 var(--acid);background:#c6ff3d13;border-color:#c6ff3d47}.figma-screen-select{color:#8c9692;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:64px;padding:9px 5px 9px 12px;display:grid}.figma-screen-select:hover{color:#c5ceca}.figma-screen-select>span:first-child{color:#7d8884;font-variant-numeric:tabular-nums;font:500 10px DM Mono,monospace}.figma-screen-select>span:nth-child(2){gap:5px;min-width:0;display:grid}.figma-screen-list strong{color:#e0e7e4;text-overflow:ellipsis;white-space:nowrap;font:550 12px DM Mono,monospace;overflow:hidden}.figma-screen-list small{color:#8b9591;text-overflow:ellipsis;white-space:nowrap;font:400 10px DM Mono,monospace;overflow:hidden}.figma-screen-row.active strong{color:#f0f5f2}.figma-screen-status{color:#818b87;white-space:nowrap;border:1px solid #3c4642;border-radius:99px;padding:3px 5px;font:500 10px DM Mono,monospace}.figma-screen-status.linked{color:var(--acid);background:#c6ff3d0f;border-color:#c6ff3d52}.figma-screen-edit{color:#7c8783;cursor:pointer;opacity:.58;background:0 0;border:0;border-radius:3px;place-items:center;width:28px;height:32px;padding:0;display:grid}.figma-screen-row:hover .figma-screen-edit,.figma-screen-edit:focus-visible{opacity:1}.figma-screen-edit:hover{color:#d9e0dd;background:#202624}.figma-screen-edit svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.figma-source-card{border:1px solid var(--hairline-strong);background:#090b0c;border-radius:4px;margin:auto 10px 10px;padding:14px}.figma-source-card>div{align-items:center;gap:7px;display:flex}.figma-source-card>div>span{background:#59635f;border-radius:50%;width:7px;height:7px}.figma-source-card>div>span.connected{background:var(--acid);box-shadow:0 0 7px #c6ff3d66}.figma-source-card strong{color:#dbe2df;font:550 11px DM Mono,monospace}.figma-source-card p{color:#8c9692;margin:8px 0 13px;font:400 10px/1.5 DM Mono,monospace}.figma-source-card button,.figma-source-card a{border:1px solid var(--hairline-strong);color:#d5ddda;cursor:pointer;background:#101415;border-radius:3px;justify-content:center;align-items:center;gap:7px;width:100%;padding:9px 10px;font:500 10px DM Mono,monospace;text-decoration:none;display:flex}.figma-source-card button:hover,.figma-source-card a:hover{background:#141819;border-color:#53605b}.figma-source-actions{grid-template-columns:1fr 1fr;gap:6px!important;display:grid!important}.figma-source-actions a{color:var(--acid);border-color:#c6ff3d57}.figma-source-actions button.danger{color:#ff9285}.figma-source-actions>span{color:#ff9285;grid-column:1/-1;font:450 10px/1.4 DM Mono,monospace}.figma-source-card svg,.figma-history-controls svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:13px;height:13px}.figma-workbench{background:#111415;grid-template-rows:50px auto minmax(0,1fr) 34px;min-width:0;min-height:0;display:grid}.figma-workbench-toolbar{border-bottom:1px solid var(--hairline);background:#0d1011;grid-row:1;align-items:center;gap:10px;padding:0 12px;display:flex}.figma-history-controls{gap:3px;display:flex}.figma-history-controls button{color:#87918e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:2px;place-items:center;width:28px;height:28px;padding:0;display:grid}.figma-history-controls button:hover:not(:disabled){border-color:var(--hairline);color:#e6ece9;background:#ffffff09}.figma-history-controls button:disabled{opacity:.27;cursor:default}.figma-route-readout{align-items:baseline;gap:7px;min-width:100px;display:flex}.figma-route-readout span{color:#59635f;text-transform:uppercase;font:400 10px DM Mono,monospace}.figma-route-readout strong{color:#b5bfbb;text-overflow:ellipsis;white-space:nowrap;font:450 11px DM Mono,monospace;overflow:hidden}.figma-toolbar-groups{align-items:center;gap:7px;min-width:0;margin-left:auto;display:flex}.figma-segmented{border:1px solid var(--hairline);background:#080a0b;border-radius:3px;padding:2px;display:flex}.figma-segmented button{color:#67716e;text-transform:capitalize;cursor:pointer;background:0 0;border:0;border-radius:2px;min-width:45px;padding:5px 7px;font:450 10px DM Mono,monospace}.figma-segmented button:hover{color:#bac4c0}.figma-segmented button.active{color:#eef4f1;background:#242a28;box-shadow:inset 0 0 0 1px #ffffff09}.figma-segmented.viewport button{min-width:35px}.figma-device-readout{border:1px solid var(--hairline);color:#89938f;text-transform:capitalize;white-space:nowrap;border-radius:3px;padding:6px 8px;font:500 10px DM Mono,monospace}.figma-device-readout.mobile{color:#83dff2;border-color:#67e3ff40}.figma-source-form{z-index:4;background:#10181b;border-bottom:1px solid #5ecbff38;grid-row:2;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:8px;padding:9px 13px;display:grid;position:relative}.figma-source-form label{color:#9cabaa;font:450 10px DM Mono,monospace}.figma-source-form input{color:#e8efec;background:#090d0f;border:1px solid #334044;border-radius:2px;outline:0;min-width:0;padding:7px 9px;font:400 11px DM Mono,monospace}.figma-source-form input:focus{border-color:#67e3ff;box-shadow:0 0 0 2px #67e3ff14}.figma-source-form button{color:#cbd4d0;cursor:pointer;background:#151a19;border:1px solid #34413e;border-radius:2px;padding:7px 9px;font:450 10px DM Mono,monospace}.figma-source-form button[type=submit]{color:var(--acid);border-color:#c6ff3d59}.figma-source-form>span{color:#ff8678;grid-column:2;font:450 10px DM Mono,monospace}.figma-canvas{background-color:#151819;background-image:radial-gradient(#daebe417 .65px,#0000 .65px);background-size:12px 12px;grid-row:3;grid-template-rows:30px minmax(0,1fr);min-width:0;min-height:0;padding:0 14px 14px;display:grid;overflow:hidden}.figma-canvas-meta{color:#5e6865;align-items:center;gap:10px;font:400 10px DM Mono,monospace;display:flex}.figma-canvas-meta span:first-child{color:#aab4b0}.figma-canvas-meta span:last-child{margin-left:auto}.figma-preview-frame{--overlay-opacity:.5;width:min(100%, var(--preview-width,100%));background:#f3f0e8;border:1px solid #303735;border-radius:4px;justify-self:center;min-width:0;height:100%;min-height:0;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px #00000047}.figma-preview-frame.mode-overlay,.figma-preview-frame.mode-reference,.figma-preview-frame.mode-build{grid-template-columns:minmax(0,1fr)}.figma-preview-frame.viewport-mobile{max-width:390px;height:min(100%,900px)}.figma-preview-frame.viewport-mobile .figma-preview-pane{scrollbar-width:none;-ms-overflow-style:none}.figma-preview-frame.viewport-mobile .figma-preview-pane::-webkit-scrollbar{width:0;height:0;display:none}.figma-preview-frame.viewport-tablet{max-width:768px}.figma-preview-frame.viewport-desktop{max-width:1440px}.figma-preview-pane{color:#171a19;background:#f1eee7;min-width:0;min-height:0;position:relative;overflow:auto}.figma-preview-pane.build{background:#f3f0e8;container-type:size}.figma-preview-frame.mode-overlay .figma-preview-pane{position:absolute;inset:0}.figma-preview-frame.mode-overlay .figma-preview-pane.reference{z-index:2;opacity:var(--overlay-opacity);pointer-events:none;mix-blend-mode:multiply}.figma-pane-label{z-index:8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#4c5552;text-transform:uppercase;letter-spacing:.05em;background:#f6f4edf0;border-bottom:1px solid #0f14121a;justify-content:space-between;align-items:center;height:24px;padding:0 8px;font:500 10px DM Mono,monospace;display:flex;position:sticky;top:0}.figma-pane-label small{color:#79827f;font:400 10px DM Mono,monospace}.figma-preview-pane.build .figma-pane-label small{color:#348362}.figma-preview-pane.build>:not(.figma-pane-label){max-width:100%}.figma-reference-placeholder{background:#e7e5df;place-items:center;min-height:calc(100% - 24px);display:grid;position:relative;overflow:hidden}.figma-reference-skeleton{filter:blur(.3px);opacity:.38;position:absolute;inset:0}.reference-nav{border-bottom:1px solid #919a96;justify-content:flex-end;align-items:center;gap:13px;height:54px;padding:0 24px;display:flex}.reference-nav i{background:#59625f;width:70px;height:8px;margin-right:auto}.reference-nav span{background:#7c8582;width:38px;height:5px}.reference-copy{gap:10px;width:48%;display:grid;position:absolute;top:25%;left:8%}.reference-copy i{background:#858d8a;width:30%;height:5px}.reference-copy strong{background:#5c6562;height:clamp(18px,4vw,44px);display:block}.reference-copy strong:nth-of-type(2){width:76%}.reference-copy p{background:#9aa19f;width:50%;height:35px}.reference-art{align-items:flex-end;gap:7px;width:36%;height:34%;display:flex;position:absolute;bottom:11%;right:8%}.reference-art i{background:#b9bdb9;border:1px solid #717a77;flex:1;height:78%}.reference-art i:nth-child(2){height:100%}.reference-art i:nth-child(3){height:62%}.figma-reference-message{z-index:2;text-align:center;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f3f1eaeb;border:1px solid #21272524;border-radius:6px;justify-items:center;max-width:280px;padding:24px;display:grid;position:relative;box-shadow:0 12px 35px #2025231a}.figma-reference-mark{color:#fff;background:#1d2020;border-radius:7px;place-items:center;width:28px;height:28px;margin-bottom:12px;font:650 12px Inter,sans-serif;display:grid}.figma-reference-message strong{font-size:11px}.figma-reference-message p{color:#6d7572;margin:7px 0 0;font-size:10px;line-height:1.45}.figma-reference-actions{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:13px;display:flex}.figma-reference-actions a,.figma-reference-actions button{color:#303735;cursor:pointer;background:#ffffff8c;border:1px solid #242a2833;border-radius:3px;min-height:28px;padding:6px 9px;font:550 10px DM Mono,monospace;text-decoration:none}.figma-reference-actions a{color:#3f6e30;border-color:#40692f59}.figma-reference-actions span{color:#a04438;flex-basis:100%;font:500 10px/1.4 DM Mono,monospace}.figma-reference-embed{background:#e7e5df;min-height:calc(100% - 24px);position:relative;overflow:hidden}.figma-reference-embed iframe{z-index:2;background:#f3f0e8;border:0;width:100%;height:100%;position:absolute;inset:0}.figma-embed-loading{z-index:1;color:#3f4744;place-content:center;justify-items:center;gap:7px;font:550 10px DM Mono,monospace;display:grid;position:absolute;inset:0}.figma-embed-loading .figma-reference-mark{margin:0}.figma-embed-fallback{z-index:3;color:#626a67;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#f7f5eff0;border:1px solid #252b2929;border-radius:4px;align-items:center;gap:7px;padding:6px 7px 6px 10px;font:500 10px DM Mono,monospace;display:flex;position:absolute;bottom:10px;right:10px;box-shadow:0 4px 15px #1e232121}.figma-embed-fallback a{color:#3f6e30;border:1px solid #40692f4d;border-radius:3px;padding:5px 7px;text-decoration:none}.figma-embed-fallback a:hover{background:#4d823914}.figma-workbench-footer{border-top:1px solid var(--hairline);color:#77817e;background:#0d1011;grid-row:4;align-items:center;gap:14px;min-width:0;padding:0 13px;font:400 10px DM Mono,monospace;display:flex}.figma-workbench-footer>span{white-space:nowrap;align-items:center;gap:6px;display:flex}.figma-workbench-footer .live-dot{background:var(--acid);border-radius:50%;width:5px;height:5px;box-shadow:0 0 6px #c6ff3d80}.figma-workbench-footer label{color:#8f9995;align-items:center;gap:7px;display:flex}.figma-workbench-footer input{width:100px;accent-color:var(--acid)}.figma-workbench-footer output{color:#bac3bf;font-variant-numeric:tabular-nums;width:28px}.figma-footer-hint{color:#59635f;margin-left:auto}.prototype-site{color:#171916;background:#f3f0e8;min-height:calc(100% - 24px);font-family:Inter,sans-serif;overflow:hidden}.prototype-pending{text-align:center;place-content:center;justify-items:center;gap:8px;min-height:calc(100% - 24px);padding:30px;display:grid}.prototype-pending span{color:#7b837e;font:500 8px DM Mono,monospace}.prototype-pending strong{letter-spacing:-.05em;font-size:clamp(22px,4vw,54px);font-weight:520}.prototype-pending p{color:#687069;max-width:270px;margin:0;font-size:10px;line-height:1.5}.prototype-site button{color:inherit;cursor:pointer;background:0 0;border:0}.prototype-header{border-bottom:1px solid #181b1824;justify-content:space-between;align-items:center;height:58px;padding:0 clamp(18px,4vw,52px);display:flex}.prototype-wordmark{letter-spacing:-.08em;padding:0;font-size:17px;font-weight:750}.prototype-wordmark span{vertical-align:top;margin-left:2px;font-size:5px}.prototype-header nav{gap:clamp(14px,3vw,36px);display:flex}.prototype-header nav button{color:#555c56;padding:6px 0;font-size:9px;position:relative}.prototype-header nav button:after{content:"";background:#171916;height:1px;transition:right .2s;position:absolute;bottom:1px;left:0;right:100%}.prototype-header nav button:hover:after,.prototype-header nav button.active:after{right:0}.prototype-home{min-height:460px;padding:clamp(42px,8vh,90px) clamp(20px,7vw,90px) 40px;position:relative}.prototype-kicker,.prototype-page-heading p,.prototype-project-title>p{color:#5e665f;letter-spacing:.08em;text-transform:uppercase;margin:0 0 20px;font:500 clamp(7px,1vw,10px) DM Mono,monospace}.prototype-home h1,.prototype-page-heading h1,.prototype-project-title h1,.prototype-about h1{z-index:1;letter-spacing:-.075em;margin:0;font-size:clamp(36px,7.1vw,98px);font-weight:520;line-height:.88;position:relative}.prototype-home-foot{justify-content:space-between;align-items:flex-end;gap:24px;margin-top:clamp(36px,10vh,100px);display:flex}.prototype-home-foot>p{color:#535b54;max-width:310px;margin:0;font-size:clamp(9px,1.1vw,13px);line-height:1.45}.prototype-primary{align-items:center;gap:15px;font-size:clamp(8px,1vw,11px);display:flex;border-bottom:1px solid #222621!important;padding:11px 0!important}.prototype-primary span{transition:transform .2s}.prototype-primary:hover span{transform:translate(3px,-3px)}.prototype-orbit{aspect-ratio:1;color:#bd493b;text-align:center;border:1px solid #ff705d;border-radius:50%;place-items:center;width:clamp(78px,13vw,145px);font:500 clamp(5px,.7vw,8px)/1.3 DM Mono,monospace;display:grid;position:absolute;top:12%;right:8%;transform:rotate(8deg)}.prototype-orbit:before{content:"";aspect-ratio:1;background:#ff705d;border-radius:50%;width:12%;position:absolute}.prototype-orbit span{width:70%;transform:translateY(38%)}.prototype-work,.prototype-about{padding:clamp(35px,6vw,75px) clamp(20px,7vw,90px)}.prototype-page-heading h1{font-size:clamp(34px,5.5vw,78px)}.prototype-project-list{border-top:1px solid #8f9690;margin-top:clamp(35px,7vw,80px)}.prototype-project-list button{text-align:left;border-bottom:1px solid #aeb4ae;grid-template-columns:35px minmax(100px,1fr) minmax(80px,.5fr) 44px;align-items:center;gap:10px;width:100%;min-height:clamp(64px,9vw,105px);padding:0;display:grid}.prototype-project-list button>span{color:#737b74;font:500 7px DM Mono,monospace}.prototype-project-list strong{letter-spacing:-.045em;font-size:clamp(17px,2.6vw,35px);font-weight:520}.prototype-project-list small{color:#626a63;font-size:clamp(7px,.8vw,10px)}.prototype-swatch{border-radius:50%;width:42px;height:28px;transition:transform .25s}.prototype-project-list button:hover .prototype-swatch{transform:scale(1.28)rotate(-8deg)}.prototype-swatch.coral{background:#ff705d}.prototype-swatch.lime{background:#b9e250}.prototype-swatch.violet{background:#9482e8}.prototype-project{padding:20px clamp(20px,6vw,80px) 70px}.prototype-back{font-size:24px;color:#59615b!important;padding:8px 0!important}.prototype-project-title{padding:clamp(35px,6vw,70px) 0 30px}.prototype-project-title h1{font-size:clamp(45px,10vw,130px)}.prototype-project-title>span{color:#505851;max-width:300px;margin:20px 0 0 auto;font-size:clamp(9px,1.2vw,13px);display:block}.prototype-project-hero{background:#ff705d;place-items:center;min-height:clamp(210px,43vw,520px);padding:30px;display:grid;overflow:hidden}.prototype-project-hero>div{color:#f3f0e8;letter-spacing:-.09em;font-size:clamp(48px,12vw,160px);font-weight:800;line-height:.66;display:grid;transform:rotate(-6deg)}.prototype-project-hero>div span:last-child{margin-left:.3em}.prototype-project-hero>p{color:#70251c;text-transform:uppercase;align-self:end;margin:0;font:600 8px DM Mono,monospace}.prototype-project-copy{grid-template-columns:1fr 1fr;gap:12%;padding:45px 0;display:grid}.prototype-project-copy strong{font-size:clamp(16px,2vw,26px);font-weight:520;line-height:1.1}.prototype-project-copy p{color:#555d56;margin:0;font-size:clamp(9px,1vw,12px);line-height:1.55}.prototype-about h1{max-width:980px;font-size:clamp(33px,6.5vw,88px)}.prototype-about h1 em{color:#ff6552;font-family:Georgia,serif;font-weight:400}.prototype-about-grid{border-top:1px solid #8f9690;grid-template-columns:1.2fr .7fr .7fr;gap:8%;margin-top:clamp(55px,11vw,130px);padding-top:18px;display:grid}.prototype-about-grid p,.prototype-about-grid a{color:#555d56;font-size:clamp(8px,1vw,12px);line-height:1.55;text-decoration:none}.prototype-about-grid>p{margin:0}.prototype-about-grid span{color:#7b827c;text-transform:uppercase;font:500 7px DM Mono,monospace}.prototype-about-grid div p{margin:10px 0 0}.prototype-about-grid a{color:#1d211e;text-underline-offset:3px;margin-top:10px;text-decoration:underline;display:block}.ui-lab-stage{z-index:7;background:radial-gradient(circle at 75% 25%, color-mix(in srgb, var(--ui-pink) 5%, transparent), transparent 28%), var(--ui-bg);color:#1d181a;font-family:Handjet,ui-sans-serif,sans-serif;position:absolute;inset:0;overflow:hidden;container-type:size}.ui-lab-cursor{display:none}@media (hover:hover) and (pointer:fine){.ui-lab-stage,.ui-lab-stage *{cursor:none!important}.ui-lab-cursor{z-index:1000;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform;width:0;height:0;display:block;position:absolute;top:0;left:0}.ui-lab-cursor[data-visible=true]{opacity:1}.ui-lab-cursor img{transform-origin:47% 17%;width:86px;height:auto;display:block;translate:-47% -17%;rotate:-10deg}}.ui-lab-stage button:focus-visible{outline-offset:4px;outline:3px solid #171216}.ui-rough-frame{width:100%;height:100%;position:relative}.ui-rough-border{z-index:4;width:100%;height:100%;color:var(--rough-color);pointer-events:none;position:absolute;inset:0;overflow:visible}.ui-rough-tail{z-index:6;color:var(--rough-color);pointer-events:none;position:absolute;overflow:visible}.ui-rough-tail-left{width:38px;height:52px;bottom:10%;left:-27px}.ui-rough-tail-bottom-left{width:38px;height:52px;bottom:-34px;left:48px;rotate:-90deg}.ui-rough-tail-cover{z-index:5;background:var(--rough-fill,transparent);pointer-events:none;display:block;position:absolute}.ui-rough-tail-cover-bottom-left{width:34px;height:10px;bottom:1px;left:54px}.ui-rough-tail-fill{fill:var(--rough-fill,transparent);stroke:none}.ui-site-header{z-index:30;background:color-mix(in srgb, var(--ui-bg) 92%, white);pointer-events:none;justify-content:space-between;align-items:center;width:96%;height:9.5%;padding:0 2.3%;display:flex;position:absolute;top:2.5%;left:2%}.ui-site-header .ui-site-logo{cursor:pointer;pointer-events:auto;background:0 0;border:0;flex:0 0 48px;place-items:center;width:48px;height:auto;padding:0;display:grid}.ui-site-header .ui-site-logo:disabled{cursor:default}.ui-site-header .ui-site-logo img{object-fit:contain;width:48px;height:auto;display:block}.ui-site-header span{color:#4b3f43;letter-spacing:.02em;text-align:right;max-width:36%;font-size:clamp(11px,1.35cqw,18px);font-weight:560}.ui-character{z-index:5;aspect-ratio:1;touch-action:manipulation;pointer-events:none;background:0 0;border:0;padding:0;position:absolute;container-type:size}.ui-character:focus-visible{outline:none}.ui-character-composition-scale,.ui-character-composition{transform-origin:50%;width:100%;height:100%;position:relative}.ui-character-layer{transform-origin:50%;position:absolute;translate:-50% -50%}.ui-character-layer-motion,.ui-character-layer img{width:100%;height:100%;display:block}.ui-character-layer-motion{transform-origin:50%}.ui-character-layer img{object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.ui-character-head-anchor{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute;top:25%;left:50%}.ui-character-hitbox{z-index:8;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ui-character-hitbox polygon{fill:#0000;pointer-events:all}.ui-character:focus-visible .ui-character-hitbox polygon{stroke:#171216;stroke-width:8px;vector-effect:non-scaling-stroke}.ui-character-hitbox.visible polygon{fill:#67e3ff14;stroke:#67e3ff;stroke-width:8px;vector-effect:non-scaling-stroke}.ui-character-speech{z-index:16;transform-origin:0 100%;pointer-events:none;width:clamp(170px,25cqw,340px);position:absolute;top:69%;left:28%}.ui-lab-stage[data-ui-screen=work] .ui-character-speech{top:72%;left:23%}.ui-character-speech>.ui-rough-frame{--rough-fill:var(--ui-speech-bg);background:var(--ui-speech-bg);place-items:center;height:auto;min-height:clamp(62px,8cqw,108px);padding:8% 10%;display:grid}.ui-character-speech{--ui-speech-bg:color-mix(in srgb, var(--ui-bg) 94%, white)}.ui-character-speech-intro-bubble{width:clamp(340px,42cqw,520px)}.ui-character-speech p{z-index:5;margin:0;font-size:clamp(15px,2cqw,28px);font-weight:620;line-height:.95;position:relative}.ui-character-speech-intro{z-index:5;position:relative}.ui-character-speech-intro p{color:var(--ui-pink);margin:0 0 .18em;font-size:clamp(21px,3.2cqw,48px);font-weight:720}.ui-character-speech-intro strong{font-size:clamp(18px,2.55cqw,39px);font-weight:550;line-height:.96;display:block}.ui-instruction{z-index:10;color:#55474c;width:30%;margin:0;font-size:clamp(16px,2.3cqw,34px);font-weight:520;line-height:1;position:absolute;top:35%;left:43%}.ui-hat{aspect-ratio:1.45;transform-origin:50% 70%;pointer-events:none;position:absolute}.ui-hat-button{cursor:pointer;touch-action:manipulation;pointer-events:none;background:0 0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.ui-hat-button img,.ui-hat-button .ui-cap-canvas{object-fit:contain;filter:drop-shadow(0 8px 2px #3a252d14);pointer-events:none;width:100%!important;height:100%!important}.ui-hat-hitbox{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ui-hat-hitbox polygon{fill:#0000;pointer-events:all}.ui-hat-hitbox.visible polygon{fill:#67e3ff14;stroke:#67e3ff;stroke-width:8px;vector-effect:non-scaling-stroke}.ui-hat-button span{background:var(--ui-bg);color:#65575c;letter-spacing:.12em;opacity:0;padding:.1em .35em;font-size:clamp(8px,.8cqw,12px);font-weight:700;transition:opacity .15s;position:absolute;bottom:-.65em;left:50%;translate:-50%}.ui-hat-button:hover span,.ui-hat-button:focus-visible span{opacity:1}.ui-hat-illustration{aspect-ratio:1.18}.ui-hat-other{aspect-ratio:1}.ui-hat-visual{aspect-ratio:1.25}.ui-cap-canvas{display:block}.ui-gravity-hats{z-index:8;width:35%;height:58%;translate:var(--ui-character-head-x,0px) var(--ui-character-head-y,0px);pointer-events:auto;position:absolute;top:9%;left:2%}.ui-gravity-hats canvas{opacity:0;transition:opacity .12s ease-out;width:100%!important;height:100%!important}.ui-gravity-hats.is-render-ready canvas{opacity:1}.ui-gravity-dom-root{pointer-events:none!important}.ui-gravity-dom-hitbox{cursor:pointer;pointer-events:auto;transform-origin:50%;background:0 0;border:0;padding:0;display:block}.ui-gravity-title{z-index:15;color:#111;letter-spacing:-.015em;text-align:center;white-space:nowrap;-webkit-text-stroke-width:8px;-webkit-text-stroke-color:#fff;paint-order:stroke fill;opacity:0;pointer-events:none;width:20%;font:900 clamp(32px,3.5cqw,48px)/.8 Handjet,ui-sans-serif,sans-serif;transition:opacity .14s;position:absolute;left:14%;translate:0 calc(6px - 50%)}.ui-gravity-title[data-visible=true]{opacity:1}.ui-gravity-static{z-index:9;width:27%;height:27%;translate:var(--ui-character-head-x,0px) var(--ui-character-head-y,0px);position:absolute;top:15%;left:7%}.ui-gravity-static button{aspect-ratio:1.45;cursor:pointer;pointer-events:none;background:0 0;border:0;width:42%;padding:0;transition:opacity .18s,rotate .18s;position:absolute}.ui-gravity-static button.ui-gravity-static-illustration{aspect-ratio:1.18}.ui-gravity-static button.ui-gravity-static-visual{aspect-ratio:1.25}.ui-gravity-static button.ui-gravity-static-other{aspect-ratio:1}.ui-gravity-static button:first-child{z-index:2;top:0;left:0;rotate:-5deg}.ui-gravity-static button:nth-child(2){z-index:2;top:3%;right:0;rotate:5deg}.ui-gravity-static button:nth-child(3){z-index:1;bottom:0;left:3%;rotate:3deg}.ui-gravity-static button:nth-child(4){z-index:1;bottom:0;right:2%;rotate:-4deg}.ui-gravity-static img,.ui-gravity-static .ui-cap-canvas{object-fit:contain;pointer-events:none;width:100%!important;height:100%!important}.ui-gravity-static-hitbox{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ui-gravity-static-hitbox polygon{fill:#0000;pointer-events:all}.ui-gravity-static-hitbox.visible polygon{fill:#67e3ff14;stroke:#67e3ff;stroke-width:8px;vector-effect:non-scaling-stroke}.ui-gravity-static button.active img,.ui-gravity-static button.active .ui-cap-canvas{filter:drop-shadow(0 0 8px var(--ui-pink))}.ui-gravity-keyboard{z-index:40;position:absolute;top:17%;left:38%}.ui-gravity-keyboard button{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:fixed;overflow:hidden}.ui-gravity-keyboard button:focus-visible{clip-path:none;background:var(--ui-bg);color:#171216;border:2px solid #171216;width:auto;height:auto;margin-right:6px;padding:.25em .45em;font:650 clamp(11px,1.2cqw,16px) Handjet,sans-serif;position:static;overflow:visible}.ui-hat.landing-hidden{visibility:hidden;pointer-events:none}.ui-hat.landing-hidden .ui-hat-hitbox polygon,.ui-hat.work-drop-hidden .ui-hat-hitbox polygon{pointer-events:none}.ui-back{z-index:20;color:#3b3034;cursor:pointer;background:0 0;border:0;border-bottom:2px solid;padding:.2em 0;font-size:24px;font-weight:650;position:absolute;top:14%;left:35%}.ui-project{z-index:10;position:absolute}.ui-project>.ui-rough-frame{background:color-mix(in srgb, var(--ui-bg) 96%, white);grid-template-rows:minmax(0,1fr) auto auto;padding:4.5%;display:grid}.ui-project-art{background:#ffc9de;min-height:0;position:relative;overflow:hidden}.ui-project-art:before,.ui-project-art:after{content:"";background:var(--ui-pink);opacity:.72;border-radius:48% 52% 36% 64%;position:absolute}.ui-project-art:before{width:56%;height:120%;top:15%;left:-8%;rotate:24deg}.ui-project-art:after{background:#f8e26a;width:48%;height:90%;top:-22%;right:-2%;rotate:-18deg}.ui-project-art span{z-index:2;color:#1d181acc;font-size:clamp(24px,4cqw,56px);font-weight:760;position:absolute;bottom:2%;right:6%}.ui-project-art.art-2{background:#b8e7ff}.ui-project-art.art-2:before{background:#4972eb}.ui-project-art.art-2:after{background:#ff9e66}.ui-project-art.art-3{background:#d7f0a8}.ui-project-art.art-3:before{background:#5b9a71}.ui-project-art.art-3:after{background:#ef75ac}.ui-project-art.art-4{background:#decdf7}.ui-project-art.art-4:before{background:#8c6ac8}.ui-project-art.art-4:after{background:#fbcd4d}.ui-project-art.has-thumbnail:before,.ui-project-art.has-thumbnail:after{display:none}.ui-project-art.has-thumbnail>img{object-fit:cover;width:100%;height:100%;display:block}.ui-project h3{text-overflow:ellipsis;white-space:nowrap;margin:.3em 0 0;font-size:clamp(12px,1.55cqw,22px);font-weight:670;line-height:.92;overflow:hidden}.ui-project p{color:#66575c;margin:.1em 0 0;font-size:clamp(8px,.9cqw,13px);font-weight:550}.figma-landing-page{--landing-header-background:#e3fbea;--landing-header-height:60px;--landing-header-outside-padding:12px;--landing-header-nav-gap:30px;--landing-header-total-height:calc(var(--landing-header-height) + (var(--landing-header-outside-padding) * 2));--landing-header-center-offset:42px;--landing-design-width:min(100cqi, 1728px);--landing-design-offset:max(0px, calc((100cqi - var(--landing-design-width)) / 2));--landing-character-center:calc(var(--landing-design-offset) + (var(--landing-design-width) * .205));--landing-rig-offset-y:15px;--landing-character-size:min(31cqi, 60cqh, 640px);--landing-character-left:calc(var(--landing-character-center) - (var(--landing-character-size) / 2));--landing-preview-safe-left:calc(var(--landing-character-left) + (var(--landing-character-size) * .75) + 111px);--landing-preview-right:calc(var(--landing-design-offset) + var(--landing-design-width));--work-character-left:calc((26.67% - var(--landing-character-size)) / 2 + 20px);color:#1f0f0f;background:#fff;width:100%;min-height:100%;font-family:Handjet,ui-sans-serif,sans-serif;position:relative;overflow:clip;container-type:inline-size}.figma-landing-header-wrap{z-index:40;width:98.6%;height:var(--landing-header-total-height);padding-block:var(--landing-header-outside-padding);position:sticky;top:0;left:.7%}.figma-landing-header{background:linear-gradient(var(--landing-header-background), var(--landing-header-background)) center / calc(100% - 10px) calc(100% - 10px) no-repeat;align-items:center;gap:.46cqw;padding:8px 24px;display:flex}.figma-landing-header .figma-landing-logo{flex:0 0 48px;place-items:center;width:48px;height:100%;display:grid}.figma-landing-header .figma-landing-logo:disabled{cursor:default}.figma-landing-header .figma-landing-logo img{object-fit:contain;width:48px;height:auto;max-height:100%;display:block}.figma-landing-header nav{justify-content:flex-end;align-items:center;gap:var(--landing-header-nav-gap);margin-left:auto;display:flex}.figma-landing-header button,.figma-landing-header a{color:inherit;text-transform:uppercase;cursor:pointer;background:0 0;border:0;padding:0;font:500 20px/1 Handjet,ui-sans-serif,sans-serif;text-decoration:none}.figma-landing-header nav button+button{margin-left:0}.figma-landing-hero{width:100%;height:clamp(460px, calc(100cqh - 24px - var(--landing-header-total-height)), 900px);position:relative;overflow:visible;container-type:size}.figma-landing-category-preview{z-index:4;top:0;bottom:0;left:var(--landing-preview-safe-left);width:calc(var(--landing-preview-right) - var(--landing-preview-safe-left));pointer-events:none;position:absolute}.figma-landing-category-frame{isolation:isolate;place-items:center;display:grid;position:absolute;container-type:size}.figma-landing-category-frame>.ui-rough-frame{background:#fff;width:100%;height:100%;overflow:hidden}.figma-landing-category-frame.has-thumbnail.is-thumbnail-sized>.ui-rough-frame{width:min(100cqw, calc(100cqh * var(--thumbnail-aspect-ratio)));height:min(100cqh, calc(100cqw * var(--thumbnail-aspect-ratio-inverse)))}.figma-landing-category-thumbnail{z-index:1;object-fit:contain;width:calc(100% - 10px);height:calc(100% - 10px);display:block;position:absolute;inset:5px}.figma-landing-page .figma-landing-animation.ui-lab-stage{z-index:5;background:0 0;width:100%;height:100%;position:absolute;inset:0;overflow:visible;container-type:inline-size}.figma-landing-character-scroll{pointer-events:none;position:absolute;inset:0}.figma-landing-animation .ui-character{width:var(--landing-character-size)!important}.figma-landing-animation .ui-gravity-static{width:calc(var(--landing-character-size) * .87);top:21%}.figma-landing-animation .ui-gravity-hats{width:calc(var(--landing-character-size) * 1.13);height:88%;top:0}.figma-landing-animation .ui-gravity-hats,.figma-landing-animation .ui-gravity-static{translate:0}.figma-landing-animation .ui-gravity-hats{translate:var(--ui-gravity-align-x,0px) var(--landing-rig-offset-y)}.figma-landing-animation .ui-gravity-static{translate:var(--ui-gravity-static-align-x,0px) var(--landing-rig-offset-y)}.figma-landing-animation .ui-gravity-title{left:calc(var(--landing-design-offset) + (var(--landing-design-width) * .02) + (var(--landing-character-size) * .58));text-align:left;width:max-content;font-size:clamp(26px,2.86cqw,39px)}@media (hover:hover) and (pointer:fine){.figma-landing-page,.figma-landing-page *{cursor:none!important}.figma-landing-page video[controls]{cursor:auto!important}}.figma-landing-instruction{z-index:15;top:calc(50% + 6px);left:calc(var(--landing-design-offset) + (var(--landing-design-width) * .52));width:calc(var(--landing-design-width) * .474);margin:0;font-size:clamp(11px,1.62cqw,28px);font-weight:500;line-height:1;position:absolute;translate:0 -50%}.figma-landing-animation .figma-landing-expertise-bubble{--figma-landing-speech-padding:clamp(18px, 3.5cqw, 36px);top:82%;left:calc(var(--landing-character-left) + (var(--landing-character-size) * .75) + 47px);width:600px;max-width:42cqi}.figma-landing-animation .figma-landing-expertise-bubble>.ui-rough-frame{min-height:0;padding:var(--figma-landing-speech-padding)}.figma-landing-animation .figma-landing-expertise-bubble .ui-rough-tail-left{top:50%;bottom:auto;translate:0 -50%}.figma-landing-animation .ui-character-speech-intro p,.figma-landing-animation .ui-character-speech-intro strong{text-wrap:pretty;margin:0;font-size:clamp(24px,1.62cqw,28px);font-weight:500;line-height:1}.figma-landing-animation .ui-character-speech-intro p{color:inherit;margin-bottom:.12em}.figma-landing-contact{z-index:15;width:calc(var(--landing-design-width) * .4525);margin:clamp(220px, 32cqw, 560px) 0 clamp(48px, 6cqw, 120px) calc(var(--landing-design-offset) + (var(--landing-design-width) * .3425));position:relative}.figma-landing-contact h1{margin:0 0 2.03cqw;font-size:clamp(20px,2.78cqw,48px);font-weight:450;line-height:1}.figma-landing-contact>p{margin:0;font-size:clamp(9px,1.16cqw,20px);line-height:1}.figma-landing-email{color:inherit;margin-top:4.78cqw;font-size:clamp(9px,1.16cqw,20px);text-decoration:none;display:inline-block}.figma-landing-social{gap:.75cqw;margin-top:4.75cqw;display:flex}.figma-landing-social a{color:inherit;font-size:clamp(9px,1.16cqw,20px);text-decoration:none}.figma-landing-header a:hover,.figma-landing-header button:hover,.figma-landing-contact a:hover{text-underline-offset:.16em;text-decoration:underline}.figma-landing-page[data-view=work]{height:calc(100cqh - 24px);min-height:0;overflow:hidden}.figma-landing-page[data-view=work] .figma-landing-animation .ui-character{z-index:8}.figma-landing-page[data-view=work] .figma-landing-animation .ui-gravity-hats,.figma-landing-page[data-view=work] .figma-landing-animation .ui-gravity-static{z-index:12}.figma-landing-page[data-view=work] .figma-landing-animation .ui-gravity-hats{translate:var(--ui-gravity-align-x,0px) calc(20px + var(--landing-rig-offset-y))}.figma-landing-page[data-view=work] .figma-landing-animation .ui-gravity-static{translate:var(--ui-gravity-static-align-x,0px) calc(20px + var(--landing-rig-offset-y))}.figma-landing-page[data-view=work] .figma-landing-animation .ui-gravity-title,.figma-landing-page[data-view=work] .figma-landing-animation .ui-gravity-keyboard{display:none}.figma-landing-page[data-view=work] .figma-landing-animation .ui-gravity-static button{width:58%;inset:50% auto auto 50%;translate:-50% -50%}.figma-hat-work-extension{--work-heading-top:max(76px, 8.3%);--work-copy-width:20.8333%;--work-copy-top:17%;--work-copy-height:14%;--work-copy-padding:6%;--work-grid-left:26.67%;--work-grid-padding-x:clamp(8px, .93cqw, 16px);--work-scatter-scale:1.15;--work-beret-scale:1.3;--work-scatter-offset-y:36px;--work-support-scale:1;z-index:15;pointer-events:none;position:absolute;inset:0;overflow:hidden}.figma-hat-work-project-panel{z-index:15;will-change:transform;pointer-events:none;position:absolute;inset:0}.figma-hat-work-scatter{z-index:10;top:var(--landing-header-total-height);pointer-events:none;position:absolute;bottom:0;left:0;right:0}.figma-hat-work-scatter-zone{top:calc(39% + var(--work-scatter-offset-y));left:var(--work-character-left);width:min(var(--landing-character-size), 24.67cqi);height:var(--landing-character-size);position:absolute}.figma-hat-work-scatter-item{z-index:2;cursor:pointer;width:30%;height:auto;scale:var(--work-support-scale);transform-origin:100%;pointer-events:auto;background:0 0;border:0;outline:0;padding:0;display:block;position:absolute;overflow:visible}.figma-hat-work-scatter-art{width:calc(100% * var(--work-scatter-scale));object-fit:contain;transform-origin:50% 70%;pointer-events:none;height:auto;display:block;translate:-6.52174%}.figma-hat-work-scatter-item:focus-visible .figma-hat-work-scatter-art{filter:drop-shadow(0 0 7px var(--ui-pink))}.figma-hat-work-scatter-art-model{aspect-ratio:1.25}.figma-hat-work-scatter-art-model .ui-cap-canvas{width:100%!important;height:100%!important}.figma-hat-work-scatter-illustration{width:36%}.figma-hat-work-scatter-illustration .figma-hat-work-scatter-art{width:calc(100% * var(--work-beret-scale));translate:-11.5385%}.figma-hat-work-scatter-visual{width:38%;translate:-10.526% -10.526%}.figma-hat-work-scatter-label{z-index:3;color:#1f0f0f;text-align:center;white-space:nowrap;-webkit-text-stroke:clamp(3px, .3cqw, 5px) #fff;paint-order:stroke fill;pointer-events:none;width:36%;font:600 clamp(16px,2.1cqw,32px)/1 Handjet,ui-sans-serif,sans-serif;position:absolute;translate:-3% calc(-100% - 10px)}.figma-hat-work-back{z-index:20;top:calc(var(--work-heading-top) + 24px);right:calc(100% - var(--work-grid-left) - var(--work-grid-padding-x) + 20px);color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;font:500 24px/1 Handjet,ui-sans-serif,sans-serif;position:absolute}.figma-hat-work-explanation{z-index:16;top:var(--work-copy-top);width:var(--work-copy-width);height:var(--work-copy-height);scale:var(--work-support-scale);transform-origin:0 0;position:absolute;left:3%}.figma-hat-work-explanation>.ui-rough-frame{padding:var(--work-copy-padding);background:#fff;place-items:center;display:grid}.figma-hat-work-explanation p{z-index:5;text-wrap:pretty;margin:0;font-size:clamp(12px,1.45cqw,25px);line-height:1.05;position:relative}.figma-hat-work-title{z-index:20;top:var(--work-heading-top);color:#1f0f0f;white-space:nowrap;-webkit-text-stroke-width:clamp(4px, .46cqw, 8px);-webkit-text-stroke-color:#fff;paint-order:stroke fill;background:0 0;margin:0;padding:0 .18em;font-size:48px;font-weight:450;line-height:1;position:absolute;right:2.75%}.figma-hat-work-title>span{display:block}.figma-hat-work-grid{z-index:15;top:max(92px,10.3%);bottom:1.1%;right:1.85%;left:var(--work-grid-left);padding:clamp(6px, .56cqh, 10px) var(--work-grid-padding-x);overscroll-behavior:contain;scrollbar-width:thin;pointer-events:auto;position:absolute;overflow:hidden auto}.figma-hat-work-grid-content{flex-direction:column;gap:clamp(8px,.74cqh,12px);min-height:100%;display:flex}.figma-hat-work-row{flex:0 0 clamp(190px,39.3cqh,424px);gap:clamp(8px,.93cqw,16px);min-height:0;display:grid}.figma-hat-work-row.row-1{grid-template-columns:39.4fr 60.6fr}.figma-hat-work-row.row-2{grid-template-columns:59.7fr 40.3fr}.figma-hat-work-row.row-3{grid-template-columns:44.8fr 55.2fr}.figma-hat-work-project{min-width:0;height:100%;min-height:0}.figma-hat-work-project>.ui-rough-frame{--work-card-background:#eee9e1;--work-card-copy-background:#eee9e1;--work-card-foreground:#1f0f0f;background:0 0;flex-direction:column;height:100%;padding:0;display:flex;overflow:visible}.figma-hat-work-project .ui-project-art{flex:auto;width:calc(100% - 10px);min-height:0;margin:5px 5px 0;position:relative;overflow:hidden}.figma-hat-work-project .ui-project-art.has-thumbnail,.figma-projects-work-project .ui-project-art.has-thumbnail{aspect-ratio:auto;background:var(--work-card-background);min-height:0}.figma-hat-work-project .ui-project-art.has-thumbnail>img.ui-project-art-image,.figma-projects-work-project .ui-project-art.has-thumbnail>img.ui-project-art-image{z-index:2;object-fit:contain;object-position:center center;width:100%;height:100%;position:absolute;inset:0}.figma-hat-work-project>.ui-rough-frame:before{content:"";z-index:1;mix-blend-mode:plus-lighter;opacity:0;pointer-events:none;background:linear-gradient(#8f8f8f00 79%,#7a7a7a 100%);transition:opacity .18s;position:absolute;inset:5px}.figma-hat-work-project:hover>.ui-rough-frame:before,.figma-hat-work-project:focus-within>.ui-rough-frame:before{opacity:1}.figma-hat-work-project-copy{z-index:3;box-sizing:border-box;background:var(--work-card-copy-background);width:calc(100% - 10px);color:var(--work-card-foreground);text-align:right;margin:0 5px 5px;padding:clamp(6px,.47cqw,8px) clamp(8px,.93cqw,16px);position:relative}.figma-hat-work-project h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(15px,2.09cqw,36px);font-weight:450;line-height:1;overflow:hidden}.figma-hat-work-project p{margin:.2em 0 0;font-size:clamp(10px,1.16cqw,20px);line-height:1}.figma-work-project-link{z-index:7;cursor:pointer;background:0 0;border:0;outline:0;padding:0;position:absolute;inset:5px}.figma-work-project-link:focus-visible{outline:3px solid var(--ui-pink,#ff4f9a);outline-offset:-5px}.figma-hat-work-back:hover,.figma-landing-page[data-view=work] .figma-landing-header button:hover{text-underline-offset:.16em;text-decoration:underline}@container (width>=721px) and (width<=1280px){.figma-hat-work-extension{--work-support-scale:1.15}.figma-hat-work-explanation{left:2.5%}}@container (width<=720px){.figma-hat-work-extension{--work-grid-left:36%;--work-copy-top:12%;--work-copy-height:14%}.figma-hat-work-explanation{left:3%}.figma-hat-work-title{right:3%}.figma-hat-work-grid{top:16%}.figma-hat-work-row,.figma-hat-work-row.row-1,.figma-hat-work-row.row-2,.figma-hat-work-row.row-3{flex-basis:auto;grid-template-columns:1fr}.figma-hat-work-project{min-height:190px}}.figma-projects-work-page{--path-two-card-height:clamp(220px, 24.54cqw, 424px);--path-two-grid-gap:clamp(8px, .93cqw, 16px);--path-two-grid-left:13.14%;--path-two-grid-width:84.84%;--path-two-grid-padding-x:clamp(8px, .93cqw, 16px);--path-two-rail-left:4%;--path-two-rail-width:9.25%;--path-two-label-right:18%;--path-two-hat-hidden-x:75%;--path-two-hat-selected-x:36%;min-height:calc(var(--landing-header-total-height) + 27px + (var(--path-two-card-height) * 4) + (var(--path-two-grid-gap) * 3) + 17px);overflow:clip}.figma-projects-work-page .figma-landing-header nav>span{color:inherit;text-transform:uppercase;font:500 clamp(8px,1.16cqw,20px)/1 Handjet,ui-sans-serif,sans-serif}.figma-projects-work-layout{min-height:calc(27px + (var(--path-two-card-height) * 4) + (var(--path-two-grid-gap) * 3) + 17px);position:relative}.figma-projects-work-controls{z-index:30;top:var(--landing-header-total-height);pointer-events:none;height:0;position:sticky}.figma-projects-work-controls>*{pointer-events:auto}.figma-projects-work-back{z-index:25;top:15px;right:calc(100% - var(--path-two-rail-left) - var(--path-two-rail-width));color:inherit;cursor:pointer;background:0 0;border:0;padding:8px;font:500 24px/1 Handjet,ui-sans-serif,sans-serif;position:absolute;left:auto}.figma-projects-work-title{z-index:25;top:6px;right:calc(100% - var(--path-two-grid-left) - var(--path-two-grid-width) + var(--path-two-grid-padding-x));color:#1f0f0f;white-space:nowrap;-webkit-text-stroke-width:clamp(4px, .46cqw, 8px);-webkit-text-stroke-color:#fff;paint-order:stroke fill;background:0 0;margin:0;padding-inline:.14em;font-size:clamp(28px,2.78cqw,48px);font-weight:450;line-height:1.12;position:absolute}.figma-projects-work-categories{z-index:20;top:85px;left:var(--path-two-rail-left);width:var(--path-two-rail-width);flex-direction:column;gap:8px;padding:8px;display:flex;position:absolute;overflow:hidden}.figma-projects-work-category{color:#1f0f0f;cursor:pointer;background:0 0;border:0;outline:0;flex:0 0 clamp(76px,6.95cqw,120px);width:100%;padding:0;position:relative;overflow:visible}.figma-projects-work-category-label{z-index:3;top:50%;right:var(--path-two-label-right);text-align:right;-webkit-text-stroke:clamp(3px, .3cqw, 5px) #fff;paint-order:stroke fill;width:72%;font:600 clamp(14px,1.62cqw,28px)/.78 Handjet,ui-sans-serif,sans-serif;position:absolute;translate:0 -50%}.figma-projects-work-category-label-copy{display:inline-block}.figma-projects-work-hat{z-index:2;top:50%;left:var(--path-two-hat-hidden-x);pointer-events:none;width:120%;height:100%;transition:left .22s cubic-bezier(.2,.8,.2,1),width .22s cubic-bezier(.2,.8,.2,1);display:block;position:absolute;overflow:hidden;translate:0 -50%}.figma-projects-work-hat>img{object-fit:contain;object-position:left center;width:100%;height:100%;transition:filter .18s;display:block;position:absolute;inset:0}.figma-projects-work-category.category-ux .figma-projects-work-hat{width:170%}.figma-projects-work-category.category-illustration .figma-projects-work-hat{width:148%;overflow:visible}.figma-projects-work-category.category-illustration:not(.active) .figma-projects-work-hat{left:calc(var(--path-two-hat-hidden-x) + 9%)}.figma-projects-work-category.category-illustration .figma-projects-work-hat>img{width:163%;max-width:none;height:222%;inset:-59% auto auto -28%}.figma-projects-work-category.category-visual .figma-projects-work-hat{width:92%;overflow:visible}.figma-projects-work-category.category-other .figma-projects-work-hat{width:100%}.figma-projects-work-category.category-other:not(.active) .figma-projects-work-hat{left:calc(var(--path-two-hat-hidden-x) + 4%)}.figma-projects-work-hat .ui-cap-canvas{width:100%!important;height:100%!important}.figma-projects-work-category.active .figma-projects-work-hat{left:var(--path-two-hat-selected-x)}.figma-projects-work-category:hover .figma-projects-work-hat>img,.figma-projects-work-category:focus-visible .figma-projects-work-hat>img,.figma-projects-work-category.active .figma-projects-work-hat>img{filter:drop-shadow(0 5px 3px #1f0f0f47)}.figma-projects-work-grid{z-index:15;width:var(--path-two-grid-width);margin-left:var(--path-two-grid-left);padding:27px var(--path-two-grid-padding-x) 17px;position:relative}.figma-projects-work-grid-content{gap:var(--path-two-grid-gap);flex-direction:column;display:flex}.figma-projects-work-row{height:var(--path-two-card-height);gap:var(--path-two-grid-gap);min-height:0;display:grid}.figma-projects-work-row.row-1{grid-template-columns:33fr 67fr}.figma-projects-work-row.row-2{grid-template-columns:50.5fr 49.5fr}.figma-projects-work-row.row-3{grid-template-columns:37.7fr 62.3fr}.figma-projects-work-row.row-4{grid-template-columns:57.9fr 42.1fr}.figma-projects-work-project{min-width:0;height:100%;min-height:0}.figma-projects-work-project>.ui-rough-frame{--work-card-background:#eee9e1;--work-card-copy-background:#eee9e1;--work-card-foreground:#1f0f0f;background:0 0;flex-direction:column;height:100%;padding:0;display:flex;overflow:visible}.figma-projects-work-project .ui-project-art{flex:auto;width:calc(100% - 10px);min-height:0;margin:5px 5px 0;position:relative;overflow:hidden}.figma-projects-work-project>.ui-rough-frame:before{content:"";z-index:1;mix-blend-mode:plus-lighter;opacity:0;pointer-events:none;background:linear-gradient(#8f8f8f00 79%,#7a7a7a 100%);transition:opacity .18s;position:absolute;inset:5px}.figma-projects-work-project:hover>.ui-rough-frame:before,.figma-projects-work-project:focus-within>.ui-rough-frame:before{opacity:1}.figma-projects-work-project-copy{z-index:3;box-sizing:border-box;background:var(--work-card-copy-background);width:calc(100% - 10px);color:var(--work-card-foreground);text-align:right;margin:0 5px 5px;padding:clamp(8px,.93cqw,16px);position:relative}.figma-projects-work-project h2{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(18px,2.09cqw,36px);font-weight:450;line-height:1;overflow:hidden}.figma-projects-work-project p{margin:.25em 0 0;font-size:clamp(10px,1.16cqw,20px);line-height:1}.figma-projects-work-back:hover,.figma-projects-work-page .figma-landing-header button:hover{text-underline-offset:.16em;text-decoration:underline}@container (width<=720px){.figma-projects-work-page{--path-two-card-height:clamp(190px, 56cqw, 300px);min-height:auto;overflow:visible}.figma-projects-work-layout{min-height:0;padding:94px 12px 18px}.figma-projects-work-back{top:4px;left:12px;right:auto}.figma-projects-work-title{top:7px;right:12px}.figma-projects-work-categories{flex-direction:row;gap:4px;width:auto;padding:0;top:48px;left:12px;right:12px;overflow:visible}.figma-projects-work-category{flex:25%;min-width:0;height:40px}.figma-projects-work-category-label{text-align:center;width:100%;right:0}.figma-projects-work-hat{display:none}.figma-projects-work-category.active{background:#e3fbeabf}.figma-projects-work-grid{width:100%;margin:0;padding:0}.figma-projects-work-row,.figma-projects-work-row.row-1,.figma-projects-work-row.row-2,.figma-projects-work-row.row-3,.figma-projects-work-row.row-4{grid-template-columns:1fr;height:auto}.figma-projects-work-project{height:var(--path-two-card-height)}}@container (width>=721px){.figma-landing-page{--landing-character-size:min(31cqi, 60cqb, 640px)}.figma-hat-work-scatter-label{font-size:clamp(20px,2.1cqw,32px)}.figma-hat-work-explanation p{font-size:clamp(16px,1.45cqw,25px)}.figma-hat-work-project h2{font-size:clamp(20px,2.09cqw,36px)}.figma-hat-work-project p{font-size:clamp(14px,1.16cqw,20px)}.figma-projects-work-page .figma-landing-header nav>span{font-size:20px}.figma-projects-work-title{font-size:clamp(36px,2.78cqw,48px)}.figma-projects-work-category-label{font-size:clamp(20px,1.62cqw,28px)}.figma-projects-work-project h2{font-size:clamp(22px,2.09cqw,36px)}.figma-projects-work-project p{font-size:clamp(14px,1.16cqw,20px)}}@container (width>=1600px){.figma-landing-animation .figma-landing-expertise-bubble{width:660px}}@container (width>=1900px){.figma-landing-animation .figma-landing-expertise-bubble{width:720px}}.figma-work-detail-page{min-height:max(100%,760px);overflow:visible}.figma-field-note-detail-layout{--work-detail-content-width:min(73.72%, 1320px);--work-detail-content-half-width:min(36.86%, 660px);width:100%;padding:27px 0 0;position:relative}.figma-field-note-detail-page{background:var(--ui-bg)}.figma-field-note-detail-layout>.ui-wd-field-note{width:min(73.72%,1020px);min-height:0;margin-inline:auto}.figma-work-detail-layout{--work-detail-content-width:min(73.72%, 1320px);--work-detail-content-half-width:min(36.86%, 660px);width:100%;padding:27px 0 0;position:relative}.figma-work-detail-back-rail{z-index:35;top:calc(var(--landing-header-total-height) + 27px);pointer-events:none;height:0;position:sticky}.figma-work-detail-back{top:-12px;right:calc(50% + var(--work-detail-content-half-width) + 12px);color:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;margin:0;padding:8px;font:500 24px/1 Handjet,ui-sans-serif,sans-serif;position:absolute}.figma-work-detail-content{width:var(--work-detail-content-width);min-width:0;max-width:1320px;margin-inline:auto;position:relative}.figma-work-detail-content>h1{z-index:25;color:#1f0f0f;-webkit-text-stroke-width:clamp(4px, .46cqw, 8px);-webkit-text-stroke-color:#fff;paint-order:stroke fill;background:0 0;margin:0;padding-inline:.1em;font-size:clamp(32px,2.78cqw,48px);font-weight:450;line-height:1;display:table;position:absolute;top:clamp(-22px,-1.25cqw,-14px);left:clamp(8px,1cqw,16px)}.figma-work-detail-frame{background:#fff;min-height:clamp(560px,52.9cqw,913px);padding:clamp(12px,1.16cqw,20px)}.figma-work-detail-carousel{grid-template-columns:auto minmax(0,900px) auto;justify-content:center;align-items:center;gap:clamp(12px,1.4cqw,24px);display:grid}.figma-work-detail-carousel>button,.figma-work-detail-project-nav button,.figma-work-detail-disclosure{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.figma-work-detail-carousel>button{font-size:clamp(36px,2.78cqw,48px);line-height:1}.figma-work-detail-carousel>button:disabled{opacity:.28;cursor:default}.figma-work-detail-media{aspect-ratio:900/496;background:#fff;width:100%}.figma-work-detail-copy{padding-top:clamp(12px,1.4cqw,24px);font-size:clamp(16px,1.16cqw,20px);line-height:1.25}.figma-work-detail-copy>p{margin:0}.figma-work-detail-disclosure{font-size:inherit;align-items:center;gap:8px;margin-top:clamp(36px,5cqw,86px);display:flex}.figma-work-detail-disclosure span{font-size:28px;line-height:.5;transition:rotate .18s;display:inline-block;rotate:0deg}.figma-work-detail-disclosure[aria-expanded=true] span{rotate:180deg}.figma-work-detail-rationale{max-width:72ch;padding:18px 0 6px 36px}.figma-work-detail-rationale p{margin:0 0 1em}.figma-work-detail-blocks{gap:clamp(24px,3cqw,48px);margin-top:clamp(36px,5cqw,80px);display:grid}.figma-work-detail-text-block{width:var(--figma-work-detail-text-width)}.figma-work-detail-blocks h2{margin:0;font-size:clamp(28px,3cqw,48px);line-height:1}.figma-work-detail-blocks p,.figma-work-detail-blocks blockquote{white-space:pre-wrap;max-width:none;margin:0}.figma-work-detail-blocks blockquote{border-left:4px solid var(--ui-pink);padding-left:20px;font-size:clamp(20px,2cqw,30px);font-style:italic}.figma-work-detail-blocks figure{margin:0}.figma-work-detail-blocks .figma-work-detail-image{justify-self:center;width:fit-content;max-width:100%}.figma-work-detail-image-expand{cursor:zoom-in;background:#fff;border:0;place-items:center;width:fit-content;max-width:100%;max-height:720px;padding:0;display:grid;overflow:hidden}.figma-work-detail-blocks img{object-fit:contain;background:#fff;width:auto;max-width:100%;height:auto;max-height:720px;display:block}.figma-work-detail-image-expand:focus-visible{outline:3px solid var(--ui-pink);outline-offset:3px}.figma-work-detail-blocks figcaption{color:#73676a;margin-top:8px;font-size:clamp(12px,.9cqw,15px)}.figma-work-detail-youtube,.figma-work-detail-video{width:100%}.figma-work-detail-video video{object-fit:contain;background:#171315;width:100%;max-height:80cqh;display:block}.figma-work-detail-project-nav{justify-content:space-between;gap:24px;padding:clamp(18px,1.8cqw,32px) 0 clamp(48px,4.2cqw,72px);display:flex}.figma-work-detail-project-nav button{font-size:clamp(20px,1.86cqw,32px);line-height:1}.figma-work-detail-project-nav button:disabled{opacity:.3;cursor:default}.figma-work-detail-back:hover,.figma-work-detail-project-nav button:not(:disabled):hover,.figma-work-detail-disclosure:hover{text-underline-offset:.16em;text-decoration:underline}@container (width<=720px){.figma-work-detail-page{min-height:100%}.figma-work-detail-layout{padding:8px 12px 20px;display:block}.figma-work-detail-back-rail{top:calc(var(--landing-header-total-height) + 8px);height:40px}.figma-work-detail-back{margin:0 0 8px;position:static}.figma-work-detail-content{width:100%}.figma-work-detail-content>h1{left:8px}.figma-work-detail-frame{min-height:0;padding:12px}.figma-work-detail-carousel{grid-template-columns:28px minmax(0,1fr) 28px;gap:6px}.figma-work-detail-copy{padding-top:16px}.figma-work-detail-disclosure{margin-top:32px}.figma-work-detail-rationale{padding-left:0}.figma-work-detail-project-nav{align-items:flex-start;padding-bottom:28px}.figma-work-detail-project-nav button{max-width:45%}.figma-field-note-detail-layout{padding:8px 12px 20px}.figma-field-note-detail-layout>.ui-wd-field-note{width:100%;padding-top:0}.figma-field-note-detail-layout>.ui-wd-field-note[data-field-note-breakpoint=mobile]>header{padding-top:0}.figma-field-note-detail-layout>.ui-wd-field-note[data-field-note-breakpoint=mobile]>header h1{margin-top:8px}.figma-landing-page{--landing-header-height:60px;--landing-header-nav-gap:16px}.figma-landing-header{padding:6px 18px}.figma-landing-header button,.figma-landing-header a,.figma-projects-work-page .figma-landing-header nav>span,.figma-mobile-category-page .figma-landing-header nav>span{align-items:center;min-height:40px;font-size:16px;display:flex}.figma-work-detail-page{--landing-header-total-height:131px}.figma-work-detail-page>.figma-landing-header-wrap{width:340px;height:var(--landing-header-total-height);padding:71px 0 0;left:25px}.figma-work-detail-page .figma-landing-header{gap:8px;height:60px;padding:8px 16px}.figma-work-detail-page .figma-landing-header .figma-landing-logo{flex-basis:40px;width:40px}.figma-work-detail-page .figma-landing-header .figma-landing-logo img{width:40px}.figma-work-detail-page .figma-landing-header nav{gap:30px}.figma-work-detail-page .figma-landing-header button{min-height:40px;font-size:20px}}.figma-mobile-category-page{width:100%;min-width:0;min-height:874px;overflow:clip}.figma-mobile-category-page .figma-landing-header-wrap{width:340px;height:60px;padding:0;position:absolute;top:71px;left:25px}.figma-mobile-category-page .figma-landing-header{gap:8px;height:60px;padding:8px 16px}.figma-mobile-category-page .figma-landing-header .figma-landing-logo{flex-basis:40px;width:40px}.figma-mobile-category-page .figma-landing-header .figma-landing-logo img{width:40px}.figma-mobile-category-page .figma-landing-header nav{gap:30px}.figma-mobile-category-page .figma-landing-header button,.figma-mobile-category-page .figma-landing-header nav>span{min-height:40px;font-size:20px}.figma-mobile-category-page .figma-landing-header nav>span{text-transform:uppercase}.figma-mobile-category-layout{position:absolute;inset:0}.figma-mobile-category-choice{color:#1f0f0f;cursor:pointer;background:0 0;border:0;outline:0;width:100%;height:72px;padding:0;position:absolute;left:0;overflow:visible}.figma-mobile-category-choice.category-ux{top:277px}.figma-mobile-category-choice.category-illustration{top:349px}.figma-mobile-category-choice.category-visual{top:425px}.figma-mobile-category-choice.category-other{top:501px}.figma-mobile-category-choice>strong{z-index:2;color:#1f0f0f;white-space:nowrap;-webkit-text-stroke-width:5px;-webkit-text-stroke-color:#fff;paint-order:stroke fill;background:0 0;font:400 36px/1 Handjet,ui-sans-serif,sans-serif;position:absolute;top:14px;left:calc(50% + 2px);translate:-50%}.figma-mobile-category-hat{z-index:1;opacity:.2;pointer-events:none;width:120px;display:block;position:absolute}.figma-mobile-category-hat-art{rotate:var(--mobile-category-hat-rotation);transform-origin:50%;display:block;position:absolute;inset:0}.figma-mobile-category-hat-art>img{object-fit:contain;width:100%;height:100%;display:block;position:absolute;inset:0}.figma-mobile-category-hat .ui-cap-canvas{width:100%!important;height:100%!important}.figma-mobile-category-choice.category-ux .figma-mobile-category-hat{height:71px;top:-49px;left:223px}.figma-mobile-category-choice.category-illustration .figma-mobile-category-hat{height:83px;top:-37px;left:15px}.figma-mobile-category-choice.category-illustration .figma-mobile-category-hat-art{overflow:hidden}.figma-mobile-category-choice.category-illustration .figma-mobile-category-hat-art>img{width:138.41%;max-width:none;height:149.25%;top:-49.25%;left:-17.99%}.figma-mobile-category-choice.category-visual .figma-mobile-category-hat{height:103px;top:0;left:35px}.figma-mobile-category-choice.category-other .figma-mobile-category-hat{height:120px;top:25px;left:232px}.figma-mobile-contact-page{width:100%;min-width:0;min-height:874px;position:relative;overflow:clip}.figma-mobile-contact-page .figma-landing-header-wrap{width:340px;height:60px;padding:0;position:absolute;top:71px;left:25px}.figma-mobile-contact-page .figma-landing-header{gap:8px;height:60px;padding:8px 16px}.figma-mobile-contact-page .figma-landing-header .figma-landing-logo{flex-basis:40px;width:40px}.figma-mobile-contact-page .figma-landing-header .figma-landing-logo img{width:40px}.figma-mobile-contact-page .figma-landing-header nav{gap:30px}.figma-mobile-contact-page .figma-landing-header button,.figma-mobile-contact-page .figma-landing-header nav>span{min-height:40px;color:inherit;text-transform:uppercase;align-items:center;font:500 20px/1 Handjet,ui-sans-serif,sans-serif;display:flex}.figma-mobile-contact-intro{position:absolute;inset:0}.figma-mobile-contact-intro>h1{width:338px;margin:0;font-size:28px;font-weight:400;line-height:1;position:absolute;top:184px;left:43px}.figma-mobile-contact-bubble.ui-character-speech{--ui-speech-bg:#fff;transform-origin:22% 100%;width:325px;top:270px;left:38px}.figma-mobile-contact-bubble.ui-character-speech>.ui-rough-frame{background:#fff;width:325px;min-height:125px;padding:28px}.figma-mobile-contact-bubble .ui-character-speech-intro{width:100%}.figma-mobile-contact-bubble .ui-character-speech-intro strong{color:#1f0f0f;white-space:pre-line;font-size:18px;font-weight:400;line-height:1}.figma-mobile-contact-character{object-fit:contain;width:120px;height:120px;display:block;position:absolute;top:414px;left:63px}.figma-mobile-contact-email{color:inherit;padding:8px;font-size:24px;line-height:1;text-decoration:none;position:absolute;top:441px;left:183px}.figma-mobile-contact-social{width:340px;height:193px;position:absolute;top:575px;left:31px}.figma-mobile-contact-social>h2{z-index:6;background:#fff;margin:0;padding-inline:2px;font-size:24px;font-weight:400;line-height:1;position:absolute;top:0;left:24px}.figma-mobile-contact-social>.ui-rough-frame{background:#fff;width:340px;height:180px;position:absolute;top:13px;left:0}.figma-mobile-contact-social>.ui-rough-frame>div{z-index:5;grid-template-columns:repeat(2,max-content);justify-content:space-between;align-items:center;gap:16px 30px;width:234px;display:grid;position:absolute;top:50%;left:50%;translate:calc(4px - 50%) -50%}.figma-mobile-contact-social a{color:inherit;padding:4px;font-size:28px;line-height:1;text-decoration:none}.figma-mobile-contact-email:hover,.figma-mobile-contact-social a:hover{text-underline-offset:.16em;text-decoration:underline}.figma-mobile-work-page{background:#fff;width:100%;min-width:0;min-height:0;padding:267px 25px 15px;position:relative;overflow:clip}.figma-mobile-work-page .figma-landing-header-wrap{width:340px;height:60px;padding:0;position:absolute;top:71px;left:25px}.figma-mobile-work-page .figma-landing-header{gap:8px;height:60px;padding:8px 16px;position:relative}.figma-mobile-work-page .figma-landing-header .figma-landing-logo{flex-basis:40px;width:40px}.figma-mobile-work-page .figma-landing-header .figma-landing-logo img{width:40px}.figma-mobile-work-page .figma-landing-header nav{gap:30px;margin-left:auto;position:static}.figma-mobile-work-page .figma-landing-header button{justify-content:center;align-items:center;height:40px;font:500 20px/1 Handjet,ui-sans-serif,sans-serif;display:flex}.figma-mobile-work-back{z-index:5;clip:auto;width:auto;height:24px;color:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-bottom:1px solid;padding:0 2px;font:500 16px/1 Handjet,ui-sans-serif,sans-serif;position:absolute;top:140px;left:25px;overflow:visible}.figma-mobile-work-heading{width:344px;height:79px;position:absolute;top:164px;left:23px}.figma-mobile-work-heading h1{z-index:2;color:#1f0f0f;white-space:nowrap;-webkit-text-stroke:5px #fff;paint-order:stroke fill;background:0 0;margin:0;padding-inline:2px;font:400 36px/1 Handjet,ui-sans-serif,sans-serif;position:absolute;top:24px;left:71px}.figma-mobile-work-hat{z-index:1;pointer-events:none;width:120px;height:79px;display:block;position:absolute;top:0;left:0}.figma-mobile-work-hat-art{rotate:var(--mobile-work-hat-rotation,0deg);transform-origin:50%;place-items:center;display:grid;position:absolute;inset:0;overflow:visible}.figma-mobile-work-hat-art>img{object-fit:contain;width:120px;max-width:none;height:79px;display:block}.figma-mobile-work-heading.category-illustration .figma-mobile-work-hat{height:86px;top:-6px}.figma-mobile-work-heading.category-illustration .figma-mobile-work-hat-art>img{width:140px;height:100px}.figma-mobile-work-heading.category-visual .figma-mobile-work-hat{width:126px;height:100px;top:-31px}.figma-mobile-work-heading.category-visual .figma-mobile-work-hat-art{width:126px;height:100px}.figma-mobile-work-heading.category-visual .figma-mobile-work-hat .ui-cap-canvas{background:0 0!important;width:150px!important;height:150px!important}.figma-mobile-work-heading.category-other .figma-mobile-work-hat{width:112px;height:112px;top:-18px}.figma-mobile-work-heading.category-other .figma-mobile-work-hat-art>img{width:112px;height:112px}.figma-mobile-work-projects{flex-direction:column;gap:24px;width:340px;display:flex;position:relative}.figma-mobile-work-project{flex-direction:column;gap:14px;width:100%;display:flex;position:relative}.figma-mobile-work-project>.ui-rough-frame{--work-card-background:#fff;width:calc(100% - (var(--rough-border-outset) * 2));background:var(--work-card-background);height:auto;margin-inline:auto;position:relative;overflow:visible}.figma-mobile-work-project .ui-project-art{background:var(--work-card-background);position:relative;overflow:hidden}.figma-mobile-work-project .ui-project-art>img.ui-project-art-image{object-position:center;width:100%;height:auto;display:block;position:relative}.figma-mobile-work-project h2{color:#1f0f0f;text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;min-height:36px;margin:0;font:400 24px/1.15 Handjet,ui-sans-serif,sans-serif;overflow:hidden}.figma-mobile-work-category-nav{justify-content:space-between;align-items:flex-start;gap:8px;width:366px;margin:20px -13px 0;display:flex;position:relative}.figma-mobile-work-category-nav button{color:#1f0f0f;cursor:pointer;white-space:nowrap;background:0 0;border:0;min-height:32px;padding:0;font:400 24px/1 Handjet,ui-sans-serif,sans-serif}.figma-mobile-work-category-nav button:hover,.figma-mobile-work-category-nav button:focus-visible{text-underline-offset:.14em;text-decoration:underline}.figma-mobile-landing-page{width:100%;min-width:0;min-height:1952px;overflow:clip}.figma-mobile-landing-header-spacer{height:71px}.figma-mobile-landing-header-gap{height:12px}.figma-mobile-landing-page .figma-landing-header-wrap{background:#fff;width:100%;height:60px;padding:0 25px;top:0;left:0}.figma-mobile-landing-page .figma-landing-header{gap:8px;height:60px;padding:8px 16px}.figma-mobile-landing-page .figma-landing-header .figma-landing-logo{flex-basis:40px;width:40px}.figma-mobile-landing-page .figma-landing-header .figma-landing-logo img{width:40px}.figma-mobile-landing-page .figma-landing-header nav{gap:30px}.figma-mobile-landing-page .figma-landing-header button,.figma-mobile-landing-page .figma-landing-header a{min-height:40px;font-size:20px}.figma-mobile-landing-hero{height:808px;position:relative;overflow:visible}.figma-mobile-landing-hats,.figma-mobile-landing-character.ui-lab-stage{position:absolute;inset:0}.figma-mobile-landing-hats{z-index:auto;pointer-events:none}.figma-mobile-landing-hat{z-index:3;place-items:center;width:120px;height:120px;display:grid;position:absolute}.figma-mobile-landing-hat-art{place-items:center;width:100%;height:100%;display:grid;overflow:visible}.figma-mobile-landing-hat-art>img{rotate:var(--mobile-hat-rotation,0deg);object-fit:contain;max-width:none;height:auto;display:block}.figma-mobile-landing-hat.other{--mobile-hat-rotation:-18deg;top:22px;left:54px}.figma-mobile-landing-hat.other .figma-mobile-landing-hat-art>img{width:135px}.figma-mobile-landing-hat.illustration{--mobile-hat-rotation:45deg;top:83px;right:36px}.figma-mobile-landing-hat.illustration .figma-mobile-landing-hat-art>img{width:183px}.figma-mobile-landing-hat.visual{--mobile-hat-rotation:-23deg;z-index:7;top:189px;left:-92px}.figma-mobile-landing-hat.ux{--mobile-hat-rotation:27deg;z-index:6;top:339px;left:169px}.figma-mobile-landing-hat.ux .figma-mobile-landing-hat-art>img{width:140px}.figma-mobile-landing-hat .ui-cap-canvas{background:0 0!important;width:240px!important;height:240px!important}.figma-mobile-landing-intro{z-index:4;text-align:center;width:220px;margin:0;font:500 24px/1 Handjet,ui-sans-serif,sans-serif;position:absolute;top:206px;left:50%;translate:-50%}.figma-mobile-landing-character.ui-lab-stage{z-index:5;background:0 0;width:100%;height:100%;overflow:visible;container-type:inline-size}.figma-mobile-landing-prompt{z-index:8;text-align:center;width:calc(100% - 50px);position:absolute;top:652px;left:25px}.figma-mobile-landing-prompt p{margin:0;font:500 24px/1 Handjet,ui-sans-serif,sans-serif}.figma-mobile-landing-prompt button{color:inherit;cursor:pointer;background:0 0;border:0;margin-top:5px;padding:0;font:400 48px/.7 Handjet,ui-sans-serif,sans-serif;display:inline-block;rotate:90deg}.figma-mobile-landing-categories{gap:24px;padding:12px 25px 17px;display:grid}.figma-mobile-landing-categories>button{height:auto;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;position:relative}.figma-mobile-landing-categories>button>span{z-index:5;color:#1f0f0f;-webkit-text-stroke-width:5px;-webkit-text-stroke-color:#fff;paint-order:stroke fill;background:0 0;padding:0 3px;font:500 36px/1 Handjet,ui-sans-serif,sans-serif;position:absolute;top:0;left:13px}.figma-mobile-landing-categories>button:nth-child(2n)>span{left:auto;right:8px}.figma-mobile-landing-categories>button>.ui-rough-frame{background:#fff;width:100%;height:auto;margin-top:18px;position:relative;overflow:hidden}.figma-mobile-landing-categories .ui-rough-frame>img{z-index:1;width:calc(100% - 10px);height:auto;margin:5px;display:block;position:relative}@media (hover:hover) and (pointer:fine){.figma-preview-frame.viewport-mobile .figma-preview-pane.build,.figma-preview-frame.viewport-mobile .figma-preview-pane.build *{cursor:auto!important}.figma-preview-frame.viewport-mobile .figma-preview-pane.build button,.figma-preview-frame.viewport-mobile .figma-preview-pane.build a,.figma-preview-frame.viewport-mobile .figma-preview-pane.build [role=button]{cursor:pointer!important}.figma-preview-frame.viewport-mobile .figma-preview-pane.build input,.figma-preview-frame.viewport-mobile .figma-preview-pane.build textarea{cursor:text!important}}.snapshot-history-backdrop,.snapshot-dialog-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#030506c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.snapshot-history{background:#0b0e0f;border:1px solid #34403c;grid-template-rows:auto auto minmax(0,1fr) minmax(150px,.55fr);width:min(1120px,96vw);height:min(820px,92vh);display:grid;overflow:hidden;box-shadow:0 30px 90px #0000008c}.snapshot-history>header,.snapshot-dialog-heading{border-bottom:1px solid var(--hairline);justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.snapshot-history header span,.snapshot-dialog-heading span{color:var(--acid);letter-spacing:.14em;font:500 8px DM Mono,monospace}.snapshot-history h2,.snapshot-dialog h2{margin:4px 0 0;font-size:17px;font-weight:550}.snapshot-history button,.snapshot-dialog button{border:1px solid var(--hairline-strong);color:#cdd5d2;cursor:pointer;background:0 0;font:450 9px DM Mono,monospace}.snapshot-history button:hover,.snapshot-dialog button:hover{background:#ffffff0d}.snapshot-history button:disabled{cursor:not-allowed;opacity:.35}.snapshot-history button.primary,.snapshot-dialog button.primary{color:var(--acid);border-color:#c6ff3d80}.snapshot-history-actions{border-bottom:1px solid var(--hairline);align-items:center;gap:8px;padding:10px 20px;display:flex}.snapshot-history-actions button{padding:7px 10px}.snapshot-history-actions>span{color:#78827f;letter-spacing:.09em;margin-left:auto;font:500 8px DM Mono,monospace}.snapshot-history-actions>span.dirty{color:#ffb15c}.snapshot-history-body{border-bottom:1px solid var(--hairline);grid-template-columns:230px minmax(0,1fr);min-height:0;display:grid}.snapshot-projects{border-right:1px solid var(--hairline);min-height:0;padding:10px;overflow-y:auto}.snapshot-projects>button{text-align:left;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:5px;padding:11px;display:flex}.snapshot-projects>button.active{background:#c6ff3d0d;border-color:#c6ff3d6b}.snapshot-projects strong{text-overflow:ellipsis;font-weight:550;overflow:hidden}.snapshot-projects span{color:var(--ink-muted);white-space:nowrap;font-size:7px}.snapshot-projects p,.snapshot-differences>p{color:var(--ink-muted);font:400 9px DM Mono,monospace}.snapshot-versions{min-height:0;padding:12px;overflow-y:auto}.snapshot-versions>article{border:1px solid var(--hairline);background:#090b0c;padding:12px 14px}.snapshot-versions>article+article{margin-top:8px}.snapshot-versions>article.active{border-color:#c6ff3d61}.snapshot-version-meta{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.snapshot-version-meta>span{color:var(--acid);font:600 10px DM Mono,monospace}.snapshot-version-meta h3{margin:0;font-size:12px;font-weight:550}.snapshot-version-meta time{color:var(--ink-muted);margin-top:3px;font:400 7px DM Mono,monospace;display:block}.snapshot-version-meta i{color:var(--acid);text-transform:uppercase;font:500 7px DM Mono,monospace}.snapshot-versions article>p{color:#a3adaa;margin:10px 0;font-size:10px;line-height:1.4}.snapshot-version-actions{justify-content:flex-end;gap:6px;margin-top:9px;display:flex}.snapshot-version-actions button{padding:5px 8px}.snapshot-compare{grid-template-columns:330px minmax(0,1fr);min-height:0;display:grid}.snapshot-compare-controls{border-right:1px solid var(--hairline);padding:14px 18px}.snapshot-compare-controls h3{margin:0 0 12px;font-size:11px}.snapshot-compare-controls label{color:var(--ink-muted);grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;margin-top:7px;font:450 8px DM Mono,monospace;display:grid}.snapshot-compare-controls select{border:1px solid var(--hairline-strong);color:#d5dcda;background:#090b0c;min-width:0;padding:6px}.snapshot-differences{min-height:0;padding:10px;overflow:auto}.snapshot-differences article{border-bottom:1px solid var(--hairline);grid-template-columns:70px minmax(150px,1fr) minmax(100px,1fr) minmax(100px,1fr);align-items:baseline;gap:8px;padding:7px;font:400 8px DM Mono,monospace;display:grid}.snapshot-differences span{color:#67e3ff}.snapshot-differences code{color:#cbd3d0;overflow-wrap:anywhere}.snapshot-differences del{color:#d88181;overflow-wrap:anywhere;text-decoration:none}.snapshot-differences ins{color:#a9d477;overflow-wrap:anywhere;text-decoration:none}.snapshot-dialog{background:#0b0e0f;border:1px solid #34403c;width:min(500px,94vw);box-shadow:0 24px 70px #0009}.snapshot-dialog-backdrop{z-index:110}.snapshot-dialog-heading button{padding:6px 9px}.snapshot-dialog>label{color:#9ca7a3;gap:6px;margin:16px 20px;font:450 9px DM Mono,monospace;display:grid}.snapshot-dialog input,.snapshot-dialog textarea{border:1px solid var(--hairline-strong);color:#edf2ef;resize:vertical;background:#07090a;width:100%;padding:9px 10px}.snapshot-dialog-actions{border-top:1px solid var(--hairline);justify-content:flex-end;gap:8px;padding:16px 20px;display:flex}.snapshot-dialog-actions button{padding:8px 11px}@media (width<=980px){body{overflow:auto}.workspace{grid-template-rows:64px auto minmax(520px,72dvh) auto auto 40px;grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.toolrail{grid-template-columns:1fr auto}.asset-meta{border-bottom:1px solid var(--hairline);grid-column:1/-1;min-height:45px}.preset-list{border-left:0;max-width:none}.export-panel{border-top:1px solid var(--hairline);border-left:0;max-height:600px}.workspace.export-hidden{grid-template-columns:1fr}.timeline-resize-handle{cursor:pointer}.workspace.figma-workspace,.workspace.content-workspace{grid-template-rows:64px minmax(0,1fr) 40px;height:100dvh;min-height:0;overflow:hidden}.figma-lab-stage{grid-template-columns:220px minmax(0,1fr)}.figma-flow-heading{padding-inline:12px}.figma-toolbar-groups{overflow-x:auto}.figma-source-form{grid-template-columns:1fr auto auto}.figma-source-form label{grid-column:1/-1}.figma-source-form>span{grid-column:1}.status-cluster span:not(:first-child){display:none}}@media (width<=640px){.workspace{grid-template-rows:62px auto minmax(460px,66dvh) auto auto 44px}.topbar{padding:0 14px}.status-cluster span:not(:first-child){display:none}.mode-switch{z-index:20;background:#080a0bf0;position:absolute;top:68px;left:50%;translate:-50%}.toolrail{display:block}.asset-meta{grid-template-columns:auto 1fr;min-height:48px;padding:0 14px}.asset-meta>span:last-child{display:none}.preset-list{border-bottom:1px solid var(--hairline);min-height:48px}.primary-actions{border-left:0;justify-content:flex-end;min-height:48px}.asset-positioner{width:min(70vw,340px)}.character-positioner{zoom:.76}.hat-stack-stage{zoom:.82}.shortcut-bar{white-space:nowrap;gap:12px;padding:0 14px;overflow-x:auto}.shortcut-note{display:none}.timeline-transport{flex-wrap:wrap;gap:8px;min-height:48px;padding:7px 9px}.timeline-collapse{min-width:96px}.timeline-speed>span{display:none}.timeline-time{white-space:nowrap;margin-left:4px}.timeline-time span,.ui-site-header span{display:none}.ui-site-header img{width:80px}.ui-instruction{width:48%;left:42%}.ui-gravity-hats{width:43%;height:57%;top:10%;left:-1%}.ui-gravity-static{width:34%;left:3%}.ui-gravity-keyboard{left:39%}.snapshot-history{grid-template-rows:auto auto minmax(0,1fr) 220px;width:100%;height:96vh}.snapshot-history-body{grid-template-columns:1fr}.snapshot-projects{border-right:0;border-bottom:1px solid var(--hairline);display:flex;overflow-x:auto}.snapshot-projects>button{min-width:180px;margin:0 5px 0 0}.snapshot-compare{grid-template-columns:1fr;overflow:auto}.snapshot-compare-controls{border-right:0;border-bottom:1px solid var(--hairline)}.snapshot-differences article{grid-template-columns:62px minmax(130px,1fr)}.figma-workspace,.content-workspace{grid-template-rows:106px minmax(0,1fr) 44px}.figma-workspace .topbar,.content-workspace .topbar{flex-wrap:wrap;align-content:center;gap:8px 12px;min-height:106px;padding-block:8px}.figma-workspace .mode-switch,.content-workspace .mode-switch{order:3;width:100%;max-width:none;position:static;translate:none}.figma-workspace .mode-switch button,.content-workspace .mode-switch button{flex:1 0 auto}.figma-lab-stage{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.figma-flow-panel{border-right:0;border-bottom:1px solid var(--hairline);max-height:112px;display:block;overflow:auto hidden}.figma-flow-heading{min-height:36px;padding:4px 9px 0}.figma-flow-heading>span,.figma-flow-heading strong,.figma-source-card{display:none}.figma-flow-heading>div{margin-left:auto}.figma-screen-editor{min-width:260px;margin-top:7px}.figma-screen-list{gap:3px;padding:7px 8px;display:flex}.figma-screen-row{flex:0 0 168px;grid-template-columns:minmax(0,1fr) 28px}.figma-screen-select{grid-template-columns:20px minmax(0,1fr);min-height:42px}.figma-screen-status{display:none}.figma-screen-edit{opacity:1}.figma-workbench{grid-template-rows:auto auto minmax(0,1fr) 34px}.figma-workbench-toolbar{flex-wrap:wrap;align-content:center;min-height:84px;padding-block:7px}.figma-route-readout{flex:1}.figma-toolbar-groups{flex-basis:100%;margin-left:0}.figma-segmented{flex:1}.figma-segmented button{flex:1;min-width:0}.figma-segmented.viewport{flex:none}.figma-segmented.viewport button{min-width:32px}.figma-source-form{grid-template-columns:1fr auto}.figma-source-form input,.figma-source-form>span{grid-column:1/-1}.figma-canvas{padding-inline:8px;padding-bottom:8px}.figma-canvas-meta span:nth-child(2){display:none}.figma-preview-frame.viewport-mobile{width:min(100%,390px)}.figma-workbench-footer input{width:70px}.figma-footer-hint{display:none!important}.prototype-home{min-height:100%}.prototype-home-foot{flex-direction:column;align-items:flex-start}.prototype-about-grid{grid-template-columns:1fr;gap:24px}.prototype-project-list button{grid-template-columns:25px minmax(90px,1fr) 34px}.prototype-project-list small{display:none}.prototype-swatch{width:32px;height:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.timeline-resize-handle span{transition:none}}:root{color:#1f0f0f;background:#fff}body{background:#fff;overflow:hidden}.site-root{background:#fff;width:100%;height:100dvh;overflow:auto}.site-root>.figma-landing-page{min-height:100%}.site-not-found{color:#1f0f0f;background:#fff;place-content:center;justify-items:start;min-height:100%;padding:32px;font-family:Handjet,ui-sans-serif,sans-serif;display:grid}.site-not-found p,.site-not-found h1{margin:0}.site-not-found p{color:#f06;font-size:18px}.site-not-found h1{font-size:clamp(42px,9vw,96px)}.site-not-found button{cursor:pointer;background:0 0;border:2px solid;margin-top:24px;padding:10px 14px}
