:root{--chrome:#ffffff;--chrome-line:#e6e8ec;--ink:#1c1e21;--ink-2:#6b7076;--canvas:#f0f2f5;--select:#0d99ff;--jack:#12b76a;--guide:#f24822;--sticky-yellow:#fef3a8;--sticky-mint:#c9f2dd}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:12px;color:var(--ink);background:var(--canvas);display:grid;grid-template-rows:48px 1fr;overflow:hidden;-webkit-font-smoothing:antialiased}.hand{font-family:Chalkboard SE,Chalkboard,Comic Sans MS,cursive}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}:focus-visible{outline:2px solid var(--select);outline-offset:2px}.toolbar{background:var(--chrome);border-bottom:1px solid var(--chrome-line);display:flex;align-items:center;gap:8px;padding:0 12px;z-index:30}.toolbar .grow{flex:1}.file-chip{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:6px;font-weight:600}.badge{font-weight:500;color:var(--ink-2);background:#f2f4f7;border-radius:4px;padding:2px 6px;font-size:11px}.badge.edited{color:#8a6d1a;background:#fdf3d7}.tools{display:flex;gap:2px;padding:2px}.tool{width:32px;height:32px;border-radius:6px;display:grid;place-items:center;color:var(--ink-2)}.tool:hover{background:#f2f4f7;color:var(--ink)}.tool.on{background:var(--select);color:#fff}.tool:disabled{opacity:.35;pointer-events:none}.tool svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.presence{display:flex;margin-right:2px}.presence i,.presence button{width:26px;height:26px;border-radius:50%;border:2px solid #fff;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:700;color:#fff;box-shadow:0 1px 4px #141e282e;padding:0}.presence .jack{background:var(--jack);cursor:pointer}.presence .jack.following{box-shadow:0 0 0 3px #f5c542,0 1px 4px #141e2840}.presence i.you{background:var(--select);margin-left:-7px}.zoom{color:var(--ink-2);padding:4px 8px}.chrome-btn{border:1px solid var(--chrome-line);border-radius:6px;padding:6px 12px;font-weight:600;background:#fff}.chrome-btn:hover{background:#f2f4f7}.publish{background:var(--select);color:#fff;font-weight:600;padding:7px 14px;border-radius:6px}.publish:hover{background:#0b87e0}.app{display:grid;grid-template-columns:232px 1fr 248px;min-height:0}.panel{background:var(--chrome);overflow-y:auto;position:relative;z-index:20}.panel.left{border-right:1px solid var(--chrome-line)}.panel.right{border-left:1px solid var(--chrome-line)}.panel h3{font-size:11px;font-weight:600;padding:12px 12px 8px;display:flex;justify-content:space-between;align-items:center}.layer{display:flex;align-items:center;gap:7px;padding:5px 8px 5px 12px;cursor:pointer;white-space:nowrap;width:100%;text-align:left;border-radius:0}.layer:hover{background:#f2f4f7}.layer:hover .eye{opacity:1}.layer.sel{background:#e5f1fd;color:#0b6bbd}.layer.jacksel{box-shadow:inset 2px 0 0 var(--jack)}.layer.hidden-node{color:#b6bac0}.layer .icon{width:13px;text-align:center;color:var(--ink-2);font-size:10px;flex:none}.layer.sel .icon{color:#0b6bbd}.layer .lname{overflow:hidden;text-overflow:ellipsis}.layer .eye{margin-left:auto;opacity:0;color:var(--ink-2);font-size:11px;padding:0 4px;flex:none}.layer.hidden-node .eye{opacity:1}.layer.d1{padding-left:26px}.layer.d2{padding-left:40px}.insp-section{border-bottom:1px solid var(--chrome-line);padding-bottom:12px}.row{display:flex;gap:8px;padding:2px 12px}.field{flex:1;display:flex;align-items:center;gap:6px;background:#f2f4f7;border:1px solid transparent;border-radius:6px;padding:5px 8px;min-width:0}.field label{color:var(--ink-2);font-size:10px;flex:none}.field .val{font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.fill-field input{width:100%;height:18px;border:0;background:none;padding:0;cursor:pointer}.kv{display:flex;justify-content:space-between;gap:8px;padding:4px 12px;color:var(--ink-2)}.kv b{color:var(--ink);font-weight:500;text-align:right}.dot-jack{color:var(--jack);font-weight:600}.dot-you{color:var(--select);font-weight:600}.canvas{position:relative;overflow:auto;background-image:radial-gradient(circle,#d3d8de 1px,transparent 1px);background-size:22px 22px}.canvas-inner{position:relative;width:1560px;height:1800px}.wires{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.artboard-label{position:absolute;left:394px;top:64px;font-size:11px;color:#7d838a;display:flex;gap:6px;align-items:center}.artboard-label .dot{width:6px;height:6px;border-radius:50%;background:var(--jack)}.artboard-label.v1-label{left:1216px;top:120px}.artboard{position:absolute;left:392px;top:84px;width:720px;background:#fff;border-radius:2px;box-shadow:0 1px 3px #141e281a,0 8px 28px #141e2814;padding:64px 72px 56px}[data-text]{white-space:pre-line}.kicker{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#8a9099;margin-bottom:16px}.artboard h1{font-family:ui-serif,New York,Georgia,serif;font-weight:600;font-size:54px;line-height:1.06;letter-spacing:-.015em;color:#17191c;margin-bottom:20px}.intro{font-size:15px;line-height:1.65;color:#3c4147;max-width:500px;margin-bottom:24px}.actions{display:flex;gap:10px;margin-bottom:48px}.btn{display:inline-block;font-size:13px;font-weight:600;padding:9px 16px;border-radius:8px;background:#17191c;color:#fff;text-decoration:none}.btn.ghost{background:#fff;color:#17191c;border:1px solid #d8dce1}.artboard h2{font-family:ui-serif,New York,Georgia,serif;font-weight:600;font-size:22px;color:#17191c;margin-bottom:12px}.work-sub{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#8a9099;margin:26px 0 8px}.work{display:grid;gap:2px}.work .item{display:grid;grid-template-columns:150px 1fr;gap:16px;padding:13px 12px;border-radius:10px;color:inherit;text-decoration:none;align-items:baseline}.work .item:hover{background:#f6f8fa}.work .name{font-weight:650;color:#17191c;font-size:14.5px}.work .name .tag{font-style:normal;font-size:9.5px;font-weight:600;letter-spacing:.04em;color:#8a6d1a;background:#fdf3d7;border-radius:4px;padding:2px 6px;vertical-align:2px;white-space:nowrap}.work .desc{color:#5a6067;font-size:13.5px;line-height:1.55}.disclosure{max-width:520px;font-size:13px;line-height:1.6;font-style:italic;color:#8a9099;margin:20px 0 48px}.contact{display:flex;align-items:center;gap:16px;border-top:1px solid #eceef1;padding-top:24px;margin-top:44px;font-size:14px;color:#3c4147}.contact .links{margin-left:auto;display:flex;gap:14px;font-size:13px}.contact .links a{color:#5a6067;text-decoration-color:#c3c9d0;text-underline-offset:3px}.empty-state{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:40px}.empty-state[hidden]{display:none}.empty-state p{font-family:ui-serif,New York,Georgia,serif;font-size:22px;color:#17191c}.artboard.all-gone{min-height:380px}.mobile-note{display:none}.artboard.v1{left:1214px;top:140px;width:270px;padding:0;opacity:.72;filter:saturate(.5);overflow:hidden}.v1nav{display:flex;gap:6px;align-items:center;padding:8px 10px;border-bottom:1px solid #eee;font-size:7px;color:#777}.v1nav b{font-size:8.5px;color:#222;margin-right:auto}.v1hero{padding:14px 12px 10px;text-align:center}.v1hero h2{font-family:inherit;font-size:13px;margin-bottom:5px;color:#222}.v1hero p{font-size:8px;color:#666;line-height:1.5;margin-bottom:8px}.v1btns{display:flex;gap:5px;justify-content:center}.v1btns i{font-style:normal;font-size:7px;border:1px solid #2a6f97;color:#2a6f97;border-radius:3px;padding:2px 7px}.v1sec{font-size:7.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#444;padding:9px 12px 5px;border-top:1px solid #f0f0f0;margin-top:8px}.artboard.v1 .chips{display:flex;flex-wrap:wrap;gap:3px;padding:0 12px}.artboard.v1 .chips i{font-style:normal;font-size:6.5px;border:1px solid #ccc;border-radius:3px;padding:1.5px 4px;color:#888}.v1grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px 12px 2px}.v1grid div{border:1px solid #e4e4e4;border-radius:3px;padding:4px 5px}.v1grid div:before{content:"";display:block;height:22px;border-radius:2px;background:linear-gradient(135deg,#dfe5ec,#c9d3de);margin-bottom:3px}.v1grid b{display:block;font-size:7px;color:#333}.v1grid span{font-size:6px;color:#999;line-height:1.3;display:block}.v1quote{font-size:7.5px;font-style:italic;color:#666;padding:0 14px;line-height:1.5}.v1form{display:grid;gap:4px;padding:4px 12px 12px}.v1form i{font-style:normal;border:1px solid #ddd;border-radius:3px;padding:3px 5px;font-size:6.5px;color:#aaa}.v1form i.ta{padding-bottom:16px}.v1form b{background:#2a6f97;color:#fff;border-radius:3px;text-align:center;font-size:7px;padding:3.5px}.sticky{position:absolute;width:170px;padding:15px;font-size:14px;line-height:1.45;box-shadow:0 5px 12px #19202c29;color:#4c4630;background:var(--sticky-yellow)}.sticky.mint{background:var(--sticky-mint);color:#2c503e;width:186px}.sticky.small{width:150px;font-size:13px}[data-id=sticky-cv]{left:150px;top:150px;transform:rotate(-3deg)}[data-id=sticky-idea]{left:130px;top:430px;transform:rotate(2deg)}[data-id=sticky-humility]{left:1246px;top:392px;transform:rotate(3deg)}.arrow-label{position:absolute;font-size:14px;color:#8a641f}[data-id=arrow-label]{left:236px;top:600px;transform:rotate(-5deg)}[data-node]{cursor:default}[data-node]:hover{outline:1px solid rgba(13,153,255,.65);outline-offset:2px}[data-node].editing{outline:1.5px solid var(--select);outline-offset:2px;cursor:text;-webkit-user-select:text;user-select:text}body.interacting [data-node]:hover{outline:none}#overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:22}#guides{position:absolute;top:0;right:0;bottom:0;left:0}.guide{position:absolute;background:var(--guide)}.guide.v{width:1px}.guide.h{height:1px}.sel-box{position:absolute;display:none}.sel-box.on{display:block}.sel-box.editing{display:none}.sel-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--select)}.handle{position:absolute;width:9px;height:9px;background:#fff;border:1.5px solid var(--select);border-radius:1.5px;pointer-events:auto}.h-nw{top:-5px;left:-5px;cursor:nwse-resize}.h-n{top:-5px;left:calc(50% - 4.5px);cursor:ns-resize}.h-ne{top:-5px;right:-5px;cursor:nesw-resize}.h-e{top:calc(50% - 4.5px);right:-5px;cursor:ew-resize}.h-se{bottom:-5px;right:-5px;cursor:nwse-resize}.h-s{bottom:-5px;left:calc(50% - 4.5px);cursor:ns-resize}.h-sw{bottom:-5px;left:-5px;cursor:nesw-resize}.h-w{top:calc(50% - 4.5px);left:-5px;cursor:ew-resize}.rotate{position:absolute;top:-28px;left:calc(50% - 6px);width:12px;height:12px;border:1.5px solid var(--select);border-radius:50%;background:#fff;pointer-events:auto;cursor:grab}.rotate:after{content:"";position:absolute;top:11px;left:4px;width:1.5px;height:12px;background:var(--select)}.dims{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);background:var(--select);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;white-space:nowrap;font-variant-numeric:tabular-nums}.jack-sel{position:absolute;display:none}.jack-sel.on{display:block}.jack-sel .frame{position:absolute;top:0;right:0;bottom:0;left:0;border:1.5px solid var(--jack)}.jack-sel .tag{position:absolute;bottom:calc(100% + 4px);left:-1px;background:var(--jack);color:#fff;font-size:9px;font-weight:700;padding:1px 6px;border-radius:3px}.jack-cursor{position:absolute;will-change:transform}.jack-cursor svg{width:15px;height:15px;display:block}.jack-cursor .tag{background:var(--jack);color:#fff;font-size:10px;font-weight:600;padding:2px 6px;border-radius:3px;margin:2px 0 0 10px;width:max-content}.jack-bubble{position:absolute;margin:4px 0 0 10px;max-width:190px;width:max-content;background:#fff;border:1.5px solid var(--jack);color:#1c1e21;border-radius:3px 10px 10px;padding:6px 10px;font-size:11.5px;line-height:1.4;box-shadow:0 4px 14px #141e2824;opacity:0;transition:opacity .25s}.jack-bubble.on{opacity:1}.hint{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:40;background:#17191c;color:#dfe3e8;font-size:11px;padding:7px 12px;border-radius:8px;opacity:.92}.hint b{color:#fff}.toast{position:fixed;top:60px;left:50%;transform:translate(-50%) translateY(-8px);z-index:50;background:#17191c;color:#fff;font-size:12.5px;font-weight:500;padding:10px 16px;border-radius:10px;box-shadow:0 10px 30px #141e2840;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;max-width:min(480px,90vw);text-align:center}.toast.on{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:900px){body{overflow:auto;display:block}.toolbar{position:sticky;top:0;gap:6px}.tools,.presence,.zoom,#resetBtn,.publish,.panel,.hint,#overlay,.artboard-label,.sticky,.arrow-label,.wires,.artboard.v1,.proto,.bwin,.pin,.comment-pop,.present{display:none}.app{display:block}.canvas{overflow:visible;background:var(--canvas)}.canvas-inner{width:auto;height:auto;padding:16px 10px 40px}.artboard{position:static;width:auto;max-width:720px;margin:0 auto;padding:40px 26px}.artboard h1{font-size:38px}.work .item{grid-template-columns:1fr;gap:3px}.contact{flex-direction:column;align-items:flex-start}.contact .links{margin-left:0}.mobile-note{display:block;margin-top:28px;padding:12px 14px;border-radius:10px;background:#f2f4f7;color:#5a6067;font-size:12.5px;line-height:1.5}}@media(prefers-reduced-motion:reduce){.toast,.jack-bubble{transition:none}}.tag.play{cursor:pointer;text-decoration:none;transition:background .15s}.tag.play:hover{background:#f7dd9a}.proto{position:absolute;width:260px;background:#fff;border-radius:14px;padding:10px;box-shadow:0 2px 6px #19202c14,0 10px 26px #19202c17}.proto-cover{height:84px;border-radius:10px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:30px}.proto-meta{display:flex;justify-content:space-between;align-items:baseline;padding:9px 2px 8px}.proto-meta b{font-size:12.5px}.proto-meta span{font-size:10.5px;color:var(--ink-2);letter-spacing:.05em;text-transform:uppercase}.proto-play{display:block;text-align:center;background:#17191c;color:#fff;text-decoration:none;font-size:12px;font-weight:700;border-radius:8px;padding:7px 0}.proto-play:hover{background:var(--select)}.bwin{position:absolute;width:430px;height:300px;background:#fff;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 6px #19202c1a,0 14px 34px #19202c24}.bwin-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:#f2f4f7;border-bottom:1px solid var(--chrome-line)}.bwin-bar i{width:10px;height:10px;border-radius:50%}.bwin-bar i.r{background:#ff5f57}.bwin-bar i.y{background:#febc2e}.bwin-bar i.g{background:#28c840}.bwin-bar .url{flex:1;background:#fff;border:1px solid var(--chrome-line);border-radius:6px;padding:3px 10px;font-size:11px;color:var(--ink-2);margin-left:4px}.bwin-bar .pop{color:var(--ink-2);text-decoration:none;font-size:13px;padding:0 3px}.bwin-bar .pop:hover{color:var(--ink)}.bwin-body{flex:1;min-height:0;background:#fafbfc;display:grid;place-items:center;overflow:hidden}.bwin-body.loaded{display:block}.bwin-body iframe{width:100%;height:100%;border:0;display:block;background:#fff}.win-load{border:1px solid var(--chrome-line);border-radius:8px;background:#fff;font-weight:600;font-size:12px;padding:8px 14px;color:var(--ink-2)}.win-load:hover{color:var(--ink);border-color:#c9cdd4}body.interacting iframe{pointer-events:none}.pin{position:absolute;width:26px;height:26px;z-index:24;border-radius:50% 50% 50% 4px;background:var(--select);color:#fff;font-weight:700;font-size:11px;border:2px solid #fff;box-shadow:0 3px 9px #141e284d;display:grid;place-items:center;transition:transform .12s}.pin:hover{transform:scale(1.15)}.pin.new{background:var(--jack);font-size:14px}.comment-pop{position:absolute;z-index:60;width:280px;background:#fff;border:1px solid var(--chrome-line);border-radius:12px;box-shadow:0 14px 40px #141e2833;padding:12px;font-size:12.5px}.pop-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.pop-head b{font-size:12px}.pop-close{color:var(--ink-2);font-size:12px;padding:2px 4px}.pop-close:hover{color:var(--ink)}.pop-quote{line-height:1.55;color:#3c4147}.pop-meta{margin-top:9px;color:#9aa0ab;font-size:11px}.pop-text,.pop-name{width:100%;font:inherit;font-size:12.5px;border:1px solid var(--chrome-line);border-radius:8px;padding:8px;margin-bottom:6px;resize:vertical;outline:none}.pop-text:focus,.pop-name:focus{border-color:var(--select)}.pop-web{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.pop-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:10.5px;color:var(--ink-2)}.pop-send{background:var(--select);color:#fff;font-weight:600;font-size:12px;border-radius:8px;padding:7px 12px;flex:none}.pop-send:hover{background:#0b87e0}.pop-send:disabled{opacity:.6}.present{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0a0c10de;display:none;flex-direction:column;align-items:center;justify-content:center}.present.on{display:flex}.present-bar{width:min(1100px,94vw);display:flex;align-items:center;gap:16px;color:#dfe3e8;font-size:12.5px;padding:0 2px 10px}#presentTitle{font-weight:700}#presentOpen{color:#9aa0ab;margin-left:auto;text-decoration:none}#presentOpen:hover{color:#fff}#presentClose{color:#fff;font-size:15px;padding:4px 8px}.present iframe{width:min(1100px,94vw);height:min(720px,82vh);border:0;border-radius:12px;background:#fff}#historyView[hidden],#inspectorView[hidden]{display:none}#historyView h3 span{color:var(--ink-2);font-weight:400}.ver{display:flex;gap:10px;padding:7px 12px;position:relative}.ver-dot{width:9px;height:9px;border-radius:50%;background:#c9cdd4;margin-top:5px;flex:none;z-index:1}.ver.current .ver-dot{background:var(--jack)}.ver:before{content:"";position:absolute;left:16px;top:20px;bottom:-8px;width:1px;background:var(--chrome-line)}.ver:last-of-type:before{display:none}.ver-body{min-width:0}.ver-head{display:flex;justify-content:space-between;gap:8px;font-size:10.5px;color:var(--ink-2)}.ver-head b{color:var(--ink)}.ver-title{font-weight:650;font-size:12.5px;margin-top:1px}.ver.current .ver-title:after{content:" · current";color:var(--jack);font-weight:600}.ver-org{font-size:11.5px;color:var(--ink-2)}.ver-note{font-size:11.5px;color:#5a6067;line-height:1.5;margin-top:3px}.ver-foot{padding:10px 12px 16px;color:#9aa0ab;font-size:11px}#testsView[hidden]{display:none}#testsView h3 span{font-weight:600;font-size:11px}#testSummary.all-pass{color:var(--jack)}#testSummary.has-fail{color:var(--guide)}.test-note{font-size:11px;color:var(--ink-2);line-height:1.5;padding:0 12px 8px}.test-row{display:flex;align-items:baseline;gap:9px;padding:6px 12px;font-size:12px}.test-dot{width:9px;height:9px;border-radius:50%;flex:none;position:relative;top:2px;background:#d4d8de}.test-row.running .test-dot{background:var(--select);animation:tpulse .7s infinite}.test-row.pass .test-dot{background:var(--jack)}.test-row.fail .test-dot{background:var(--guide)}@keyframes tpulse{50%{opacity:.3}}.test-name{flex:1;line-height:1.4}.test-row.pending .test-name{color:#aeb3ba}.test-row.pass .test-name:after{content:" ✓";color:var(--jack);font-weight:700}.test-row.fail .test-name{color:var(--ink)}.test-msg{display:block;flex-basis:100%;padding-left:18px;color:var(--guide);font-size:11px;line-height:1.4}.test-msg:empty{display:none}@media(max-width:900px){body{overflow-x:hidden}.tools,.presence,.zoom,#resetBtn,.publish,.panel,.hint,#overlay,.wires,.artboard-label,.artboard.v1,.sticky,.arrow-label,.proto,.bwin,.pin,.comment-pop,.present{display:none}.app{display:block}.canvas{overflow:visible;background:var(--m-bg,var(--canvas))}.canvas-inner{position:static;width:auto;height:auto;padding:12px 7px 120px}.artboard{position:relative;left:auto;top:auto;right:auto;bottom:auto;width:auto;max-width:none;margin:0;padding:30px 16px;background:var(--m-surface,#fff);transition:background .35s}body{background:var(--m-bg,var(--canvas));font-family:var(--m-body-font,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);transition:background .35s}.artboard h1{font-family:var(--m-display,ui-serif,"New York",Georgia,serif);letter-spacing:var(--m-display-ls,-.015em);font-weight:var(--m-display-wt,600);color:var(--m-ink,#17191c);font-size:40px}.artboard h2,.artboard h3:not(.work-sub),.work .name{color:var(--m-ink,#17191c)}.intro,.work .desc,.contact,.disclosure{color:var(--m-body,#5a6067)}.kicker,.work-sub{color:var(--m-accent,#8a9099)}.btn{background:var(--m-accent,#17191c);color:var(--m-onaccent,#fff);border-color:transparent}.contact{flex-direction:column;align-items:flex-start;border-top-color:var(--m-line,#eceef1)}.contact .links{margin-left:0}.contact .links a{color:var(--m-ink,#5a6067);text-decoration-color:var(--m-line,#c3c9d0)}.work{gap:10px}.work .item{grid-template-columns:1fr;gap:4px;border:1px solid var(--m-line,#e6e8ec);border-radius:13px;padding:14px 16px;background:var(--m-surface,#fff)}.work .item:hover{background:var(--m-surface,#fff)}.work .name .tag:not(.play){color:var(--m-accent,#8a6d1a)}.mobile-note{display:block;margin-top:24px;padding:12px 14px;border-radius:10px;background:var(--m-surface,#f2f4f7);border:1px solid var(--m-line,#e6e8ec);color:var(--m-body,#5a6067);font-size:12.5px;line-height:1.5}.m-fx{position:absolute;top:0;left:0;right:0;height:300px;overflow:hidden;pointer-events:none;z-index:0;border-radius:2px 2px 0 0}.m-blob{position:absolute;border-radius:50%;filter:blur(36px);opacity:.72;will-change:transform;background:var(--m-accent,#0d99ff)}.artboard>.kicker,.artboard>h1,.artboard>.intro,.artboard>.actions{position:relative;z-index:1}@media(prefers-reduced-motion:reduce){.m-blob{display:none}}.m-carousel{display:flex;flex-wrap:nowrap;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding:2px 0 8px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.m-carousel::-webkit-scrollbar{display:none}.m-carousel .item{min-width:84%;scroll-snap-align:center;display:block;cursor:pointer}.m-carousel .item .play{display:inline-block;margin-top:8px;background:var(--m-accent,#0d99ff);color:var(--m-onaccent,#fff);padding:5px 12px;border-radius:99px;font-size:12px;font-weight:700}.m-swipehint{font-size:11px;color:var(--m-body,#8a9099);opacity:.8;margin:0 0 8px;display:flex;gap:6px;align-items:center}.m-bar{position:fixed;left:0;right:0;bottom:0;z-index:120;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:9px 10px;padding:11px 14px calc(11px + env(safe-area-inset-bottom));background:var(--m-surface,#fff);border-top:1px solid var(--m-line,#e6e8ec);box-shadow:0 -6px 20px #141e2814}.m-swatches{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;flex-basis:100%}.m-swatch{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--m-line,#ddd);flex:none}.m-swatch.on{box-shadow:0 0 0 2px var(--m-surface,#fff),0 0 0 4px var(--m-ink,#333)}.m-btn{flex:none;font:inherit;font-size:12.5px;font-weight:700;color:var(--m-ink,#17191c);background:transparent;border:1px solid var(--m-line,#e6e8ec);border-radius:99px;padding:7px 12px;white-space:nowrap}.m-btn.on{background:var(--m-accent);color:var(--m-onaccent);border-color:transparent}.canvas-inner{padding-bottom:150px}.mobile-note{background:var(--m-surface,#f2f4f7);border:1px solid var(--m-line,#e6e8ec);color:var(--m-body,#5a6067)}.m-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--m-bg,#111);display:flex;flex-direction:column}.m-viewer[hidden]{display:none}.m-viewer-bar{display:flex;align-items:center;gap:12px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:var(--m-surface,#fff);border-bottom:1px solid var(--m-line,#e6e8ec);flex:none}.m-viewer-bar .m-close{font:inherit;font-weight:600;font-size:14px;color:var(--m-ink,#17191c);background:none;border:0}.m-viewer-bar .m-vt{font-weight:700;font-size:13px;color:var(--m-ink,#17191c)}.m-viewer-bar .m-open{margin-left:auto;font-size:12px;color:var(--m-body,#6b7076);text-decoration:none}.m-track{flex:1;min-height:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.m-track::-webkit-scrollbar{display:none}.m-slide{min-width:100%;scroll-snap-align:center;position:relative;background:#fff}.m-slide iframe{width:100%;height:100%;border:0;display:block;pointer-events:none}.m-try{position:absolute;left:50%;bottom:18px;transform:translate(-50%);z-index:2;font:inherit;font-weight:700;font-size:13px;background:var(--m-accent,#0d99ff);color:var(--m-onaccent,#fff);border:0;border-radius:99px;padding:9px 18px;box-shadow:0 4px 16px #00000047}.m-viewer-nav{display:flex;align-items:center;justify-content:center;gap:18px;flex:none;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--m-surface,#fff);border-top:1px solid var(--m-line,#e6e8ec)}.m-viewer-nav button{font:inherit;font-size:22px;line-height:1;color:var(--m-ink,#17191c);background:none;border:0;padding:4px 14px}.m-viewer-nav button:disabled{opacity:.3}.m-dots{display:flex;gap:7px}.m-dots i{width:7px;height:7px;border-radius:50%;background:var(--m-line,#ccc);transition:background .2s}.m-dots i.on{background:var(--m-accent,#0d99ff)}}@media(max-width:900px){.jack-only{display:none}.canvas-inner.tilt3d{perspective:1500px}.artboard.tilt3d{transform-style:preserve-3d;will-change:transform}.artboard.tilt3d>*{transform:translateZ(calc(var(--z,0) * var(--tz,0) * 1px))}.artboard.tilt3d>.m-fx{--z:-70}.artboard.tilt3d>.kicker{--z:42}.artboard.tilt3d>h1{--z:86}.artboard.tilt3d>.intro{--z:56}.artboard.tilt3d>.actions{--z:66}.artboard.tilt3d>h2,.artboard.tilt3d>.work-sub{--z:58}.artboard.tilt3d>.work{--z:40}.artboard.tilt3d>.disclosure{--z:32}.artboard.tilt3d>.contact{--z:26}}