@font-face{font-family:Faculty Glyphic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2ded3183b2a37cd2-s.2ok33ltmp3e05.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Faculty Glyphic;font-style:normal;font-weight:400;font-display:swap;src:url(../media/1403e3e1dfdf0ba4-s.p.21i6dczyqj84u.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Faculty Glyphic Fallback;src:local(Arial);ascent-override:98.57%;descent-override:24.9%;line-gap-override:0.0%;size-adjust:105.2%}.HAxeRW_className{font-family:Faculty Glyphic,Faculty Glyphic Fallback;font-style:normal;font-weight:400}.HAxeRW_variable{--font-sans:"Faculty Glyphic", "Faculty Glyphic Fallback"}
:root{--bg:#f5f4f0;--bg-alt:#efeee9;--tile-gap:12px;--ink:#0a0a0a;--muted:#6b6b6b;--azure:#2f52e0;--chartreuse:#bced09;--highlight:#ffd60a;--pad:16px;--bar-top:56px;--bar-bottom:64px;--radius:2px;--ease:cubic-bezier(.22, 1, .36, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;font-size:15px;font-weight:400;line-height:1.45}h1,h2,h3,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}button,input{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--azure);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--ink);color:#fff;padding:10px 14px;font-size:13px;position:fixed;top:-80px;left:12px}.skip:focus{top:12px}.cell{white-space:nowrap;min-height:44px;color:var(--ink);background:var(--bg-alt);border-radius:var(--radius);border:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;line-height:1;transition:background-color .1s ease-out,color .1s ease-out;display:inline-flex}.cell:hover{background:color-mix(in srgb, var(--ink) 12%, var(--bg))}.cell:active{transform:scale(.98)}.cell[aria-pressed=true],.cell[aria-current=true]{background:var(--azure);color:#fff}@media (min-width:1024px){.cell{min-height:32px}}.corner{z-index:30;align-items:center;gap:4px;font-size:13px;font-weight:500;display:flex;position:fixed}.corner-tl{top:0;left:calc(var(--pad) - var(--link-pad));height:var(--bar-top)}.corner-tr{top:0;right:calc(var(--pad) - var(--link-pad));height:var(--bar-top)}.corner-bl{bottom:0;left:calc(var(--pad) - var(--link-pad));height:var(--bar-bottom);padding-bottom:env(safe-area-inset-bottom)}.corner-br{bottom:0;right:calc(var(--pad) - var(--link-pad));height:var(--bar-bottom);padding-bottom:env(safe-area-inset-bottom);gap:8px}.frame-bar{z-index:25;background:var(--bg);pointer-events:none;position:fixed;left:0;right:0}.frame-bar-top{height:var(--bar-top);top:0}.frame-bar-bottom{height:calc(var(--bar-bottom) + env(safe-area-inset-bottom));bottom:0}:root{--link-pad:8px}.frame-link{min-height:28px;padding:0 var(--link-pad);font:500 14px/1 var(--font-sans), sans-serif;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;text-decoration:none;display:inline-flex}.frame-link:hover,.frame-link[aria-current=page],html[data-page=work] .corner-bl a[href=\/],html[data-page=playground] .corner-bl a[href=\/playground],html[data-page=loops] .corner-bl a[href=\/loops],html[data-page=ask] .corner-bl a[href=\/ask]{color:var(--azure)}.frame-link:active{transform:translateY(1px)}.frame-name{color:var(--ink)}.frame-contact{color:var(--azure)}.frame-contact:hover{color:var(--ink)}.frame-contact[data-state=copied]{color:var(--ink);background:var(--chartreuse)}.frame-contact .swap-email{display:none}@media (min-width:1024px) and (hover:hover){.frame-contact:hover .swap-default,.frame-contact:focus-visible .swap-default{display:none}.frame-contact:hover .swap-email,.frame-contact:focus-visible .swap-email{display:inline}}@media (max-width:1023px){:root{--link-pad:12px}.frame-link{min-height:44px}}@media (prefers-reduced-motion:reduce){.frame-link:active{transform:none}}.stage{padding:calc(var(--bar-top) + 12px) var(--pad) calc(var(--bar-bottom) + 20px);min-height:100dvh}@media (min-width:1024px){html,body{height:100dvh;overflow:hidden}:root{--bar-top:56px;--bar-bottom:56px;--pad:24px}.frame-bar{display:none}.stage{min-height:0;padding:var(--bar-top) var(--pad) var(--bar-bottom);flex-direction:column;display:flex;position:fixed;inset:0}}.info-scrim{z-index:40;background:color-mix(in srgb, var(--bg) 30%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .22s var(--ease);position:fixed;inset:0}.info-scrim[data-open=true]{opacity:1;pointer-events:auto}.corner-tr{z-index:45}@media (prefers-reduced-motion:reduce){.info-scrim{transition:none}}.info{z-index:50;top:calc(var(--bar-top) - 4px);right:var(--pad);width:min(440px, calc(100vw - 2 * var(--pad)));max-height:calc(100dvh - var(--bar-top) - var(--bar-bottom) - 8px);overscroll-behavior:contain;background:var(--bg-alt);border-radius:var(--radius);box-shadow:0 0 0 .5px color-mix(in srgb, var(--ink) 14%, transparent);opacity:0;visibility:hidden;transition:opacity .16s ease-out, transform .22s var(--ease), visibility 0s linear .22s;padding:20px;font-size:14px;position:fixed;overflow-y:auto;transform:translateY(-6px)}.info[data-open=true]{opacity:1;visibility:visible;transition-delay:0s;transform:none}.info:focus,.info:focus-visible{outline:none}.info-lede{max-width:38ch;margin-bottom:20px;font-size:15px;line-height:1.5}.info-rows{gap:14px;display:grid}.info-row{grid-template-columns:104px minmax(0,1fr);gap:12px;display:grid}.info-row>span:first-child{color:var(--muted)}.info a:hover{color:var(--azure)}.info-foot{gap:16px;margin-top:20px;display:flex}.home{flex:1;align-items:center;min-height:0;display:flex}.work-row{gap:28px var(--tile-gap);flex-direction:column;width:100%;display:flex}.work-item{display:block}.shot{aspect-ratio:4/3;background:var(--bg-alt);border-radius:var(--radius);position:relative;overflow:hidden}.shot img{object-fit:cover}.shot .shot-alt{opacity:0;transition:opacity .24s ease-out;position:absolute;inset:0}@media (hover:hover){.work-item:hover .shot-alt,.work-item:focus-visible .shot-alt{opacity:1}}.work-name{margin-top:12px;font-size:14px;font-weight:500}.work-desc{max-width:44ch;color:var(--muted);margin-top:2px;font-size:13px}.work-side{color:var(--muted);margin-top:6px;font-size:13px}.home{flex-direction:column;align-items:stretch}.home-body{flex:1;align-items:center;min-height:0;display:flex}@media (min-width:1024px){.home-body{overflow:auto hidden}.work-row{justify-content:flex-start;align-items:flex-start;gap:var(--tile-gap);flex-direction:row;width:auto;margin-inline:auto;padding-block:8px}.work-item{flex:0 0 clamp(280px,28vw,440px)}}.case{display:block}.strip{margin-inline:calc(var(--pad) * -1);position:relative}.strip-track{padding-inline:var(--pad);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;gap:12px;display:flex;overflow-x:auto}.strip-track::-webkit-scrollbar{display:none}.strip-shot{aspect-ratio:4/3;scroll-snap-align:start;background:var(--bg-alt);border-radius:var(--radius);flex:0 0 86%;position:relative;overflow:hidden}.strip-shot img{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.strip-ctl{gap:6px;display:none}.case-text{gap:18px;margin-top:20px;font-size:14px;display:grid}.case-title{font-size:15px;font-weight:500}.case-year{color:var(--muted)}.case-label{color:var(--muted);margin-bottom:4px}.case-text li+li{margin-top:4px}.case-engagement{max-width:52ch}.case-links{gap:16px;display:flex}.case-links a{align-items:center;min-height:44px;font-weight:500;display:inline-flex}.case-links a:hover{color:var(--azure)}@media (min-width:1024px){.case{flex:1;grid-template-rows:minmax(0,1fr) auto;gap:16px;min-height:0;padding-top:8px;display:grid}.strip{min-height:0;margin-inline:calc(var(--pad) * -1);grid-template-rows:minmax(0,1fr) auto;gap:10px;display:grid}.strip-track{scroll-snap-type:x proximity;cursor:grab;align-items:center;min-height:0}.strip-track[data-drag=true]{cursor:grabbing;scroll-snap-type:none}.strip-shot{flex:none;height:100%;max-height:100%}.strip-ctl{padding-inline:var(--pad);justify-content:flex-end;display:flex}.case-text{grid-template-columns:.9fr 1.3fr 1fr 1.7fr;align-items:start;gap:24px;margin-top:0}.case-links{grid-column:1/-1;margin-top:-8px}.case-links a{min-height:32px}}.craft{--cols:2;place-content:flex-start center;gap:28px var(--tile-gap);flex-wrap:wrap;display:flex}.craft>li{flex:0 0 calc((100% - (var(--cols) - 1) * var(--tile-gap)) / var(--cols));min-width:0}.card .shot{aspect-ratio:4/3}.card-title{margin-top:10px;font-size:14px;font-weight:500}.card-date{color:var(--muted);gap:12px;font-size:13px;display:flex}.card-open{color:var(--ink);font-weight:500}.card a:hover .card-open,.card a:hover .card-title{color:var(--azure)}.card-link{align-items:center;min-height:44px;font-size:13px;font-weight:500;display:inline-flex}.card-link:hover{color:var(--azure)}.motif{place-items:center;display:grid;position:absolute;inset:0}.motif svg{width:62%;height:auto}.scroll-area{min-height:0}@media (min-width:640px){.craft{--cols:3}}@media (min-width:1024px){.scroll-area{overscroll-behavior:contain;scrollbar-width:thin;flex:1;padding-block:12px;overflow-y:auto}.craft{--cols:4}}.page-head{margin-bottom:16px;font-size:14px;font-weight:500}.prose{gap:12px;max-width:62ch;font-size:15px;display:grid}.prose h2{margin-top:12px;font-size:14px;font-weight:500}.prose a{text-underline-offset:3px;text-decoration:underline}.prose a:hover{color:var(--azure)}.muted{color:var(--muted)}.craft-page{gap:16px;max-width:720px;display:grid}.lost{text-align:center;flex:1;place-content:center;gap:8px;min-height:60dvh;display:grid}.lost a{color:var(--azure)}.unlock{place-items:center;min-height:100dvh;padding:24px;display:grid}.unlock-form{gap:12px;width:min(340px,100%);display:grid}.unlock-form h1{font-size:15px;font-weight:500}.unlock-form p{color:var(--muted);font-size:14px}.unlock-form input[type=password]{background:var(--bg-alt);border-radius:var(--radius);border:0;min-height:44px;padding:0 12px;font-size:16px}.unlock-form .btn{color:#fff;background:var(--azure);border-radius:var(--radius);border:0;min-height:44px;font-weight:500}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.dial{align-items:center;gap:8px;min-height:44px;font-size:13px;display:inline-flex}.dial-label{color:var(--ink)}.dial-knob{width:40px;height:40px;color:var(--ink);cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;display:grid}.dial-knob:hover svg{color:var(--azure)}.dial-knob:focus-visible{outline-offset:0}.dial-num{align-items:baseline;gap:4px;display:inline-flex}.dial-num input{width:4.2ch;min-height:28px;font:500 14px/1 var(--font-sans), sans-serif;font-variant-numeric:tabular-nums;text-align:right;color:var(--ink);background:var(--bg-alt);border:0;border-radius:0;padding:0 4px}.dial-num input:focus{outline:2px solid var(--azure);outline-offset:1px}.dial-unit,.dial-caption{color:var(--muted);font-size:12px}.dial-caption{min-width:8ch}[hidden]{display:none!important}.thumbs{gap:var(--tile-gap);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}.thumb{aspect-ratio:4/3;background:var(--bg-alt);border-radius:var(--radius);cursor:zoom-in;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.thumb img{object-fit:cover}.thumb:hover{outline:2px solid var(--azure);outline-offset:-2px}@media (min-width:640px){.thumbs{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (min-width:1024px){.thumbs{overscroll-behavior:contain;flex-wrap:wrap;place-content:safe center center;min-height:0;padding:4px 0 8px;display:flex;overflow-y:auto}}.lb{z-index:80;cursor:zoom-out;grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:8px;padding:16px 16px 8px;display:grid;position:fixed;inset:0}.lb-bg{z-index:-1;background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:absolute;inset:0}.lb{grid-template-columns:minmax(0,1fr);padding:16px 0 8px}.lb-track{--slide:min(74vw, calc((100dvh - 110px) * 4 / 3));width:100%;height:100%;padding-inline:calc((100% - var(--slide)) / 2);scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior:contain;cursor:grab;align-items:center;gap:18px;display:flex;overflow:auto hidden}.lb-track::-webkit-scrollbar{display:none}.lb-track[data-drag=true]{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.lb-slide{flex:0 0 var(--slide);aspect-ratio:4/3;scroll-snap-align:center;scroll-snap-stop:always;background:var(--bg-alt);opacity:.55;filter:blur(3px);transition:opacity .32s var(--ease), transform .32s var(--ease), filter .32s var(--ease);cursor:pointer;position:relative;transform:scale(.9)}.lb-slide[data-active]{opacity:1;filter:none;cursor:default;transform:none}.lb-slide img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}@media (prefers-reduced-motion:reduce){.lb-slide{transition:opacity .12s ease-out,filter .12s ease-out;transform:none}}@media (max-width:639px){.lb-track{--slide:84vw;gap:12px}}.lb-bar{gap:4px;display:flex}::view-transition-group(*){animation-duration:.75s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(*){animation-duration:.75s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-new(*){animation-duration:.75s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(root){animation-duration:.42s;animation-timing-function:ease}::view-transition-new(root){animation-duration:.42s;animation-timing-function:ease}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}@media (min-width:1024px){.thumbs li{flex:0 0 clamp(150px,12vw,200px)}}:root{--rule:color-mix(in srgb, var(--ink) 14%, transparent);--band:color-mix(in srgb, var(--ink) 6%, var(--bg));--band-2:color-mix(in srgb, var(--ink) 11%, var(--bg));--head:232px}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.cell[aria-checked=true]{background:var(--azure);color:#fff}.cell[data-copied=true]{background:var(--chartreuse);color:var(--ink)}.m-only{display:none}.grow{flex:1}.daw{--rowh:40px;align-content:start;gap:14px;display:grid}.transport{border-block:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:8px 0;display:flex}.tr-seg{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tr-right{margin-left:auto}.transport .cell{padding:0 11px}.cell.play{min-width:56px;font-size:14px}.transport .dial{gap:6px;min-height:40px}.transport .dial-knob,.transport .dial-knob svg{width:34px;height:34px}.meter{background:var(--band);gap:2px;width:56px;padding:2px;display:grid}.meter span{background:var(--ink);transform-origin:0;height:4px;display:block;transform:scaleX(0)}.add-wrap,.copy-wrap{position:relative}.pop{z-index:50;background:var(--bg);border:1px solid var(--rule);width:min(300px,100vw - 32px);padding:14px;position:absolute;top:calc(100% + 8px);right:0}.pop form{gap:10px;display:grid}.pop label{color:var(--muted);gap:4px;font-size:12px;display:grid}.pop input[type=text]{min-height:36px;color:var(--ink);background:var(--bg-alt);border:0;border-radius:0;padding:0 8px;font-size:14px}.pop-note{color:var(--muted);font-size:12px;line-height:1.4}.pop-note[data-error=true]{color:var(--ink);font-weight:500}.daw-mid{gap:16px;min-width:0;display:grid}.b-head{justify-content:space-between;align-items:center;min-height:32px;display:flex}.b-head h2{font-size:13px;font-weight:500}.acc{border-top:1px solid var(--rule)}.acc-item{border-bottom:1px solid var(--rule)}.acc-head{text-align:left;width:100%;min-height:36px;color:var(--ink);background:0 0;border:0;justify-content:space-between;align-items:center;padding:0;font-size:13px;font-weight:500;display:flex}.acc-head:hover{color:var(--azure)}.acc-head[aria-expanded=true] .acc-chev{transform:rotate(180deg)}.acc-body{gap:6px;padding:0 0 12px;display:grid}.b-btn{justify-content:flex-start;width:100%}.editor{flex-direction:column;gap:4px;min-width:0;display:flex}.tabs-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.tabs{gap:6px;display:flex}.tab{min-width:40px}.tab[data-queued=true]{outline:2px solid var(--azure);outline-offset:-2px;animation:.7s step-end infinite queued}@keyframes queued{50%{outline-color:#0000}}.maker-bar{gap:6px;display:flex}.copy-menu,.stepmenu{background:var(--bg);border:1px solid var(--rule);padding:8px}.copy-menu{z-index:40;gap:6px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.stepmenu{z-index:70;gap:6px;display:grid;position:fixed}.stepmenu-row{gap:6px;display:flex}.lanes{gap:4px;display:grid}.lane{grid-template-columns:var(--head) minmax(0, 1fr);height:var(--rowh);gap:8px;display:grid}.lane[data-dim=true] .cells,.lane[data-dim=true] .lv-name{opacity:.4}.rh{align-items:stretch;gap:4px;min-width:0;display:flex}.rh>.lv-name{flex:1;align-items:center;padding:0 8px;font-size:13px;font-weight:500;display:flex}.lv{white-space:nowrap;background:var(--bg-alt);border-radius:var(--radius);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex:1;align-items:center;min-width:64px;padding:0 8px;font-size:13px;font-weight:500;display:flex;position:relative}.lv:hover{background:color-mix(in srgb, var(--ink) 12%, var(--bg))}.lv-bar{background:var(--rule);height:2px;position:absolute;bottom:0;left:0;right:0}.lv-bar span{background:var(--ink);height:100%;display:block}.cell.rh-btn{height:100%;min-height:0;padding:0 8px;font-size:12px}.rh-ms{width:var(--rowh);min-width:24px;padding:0}.rh-sound{min-width:58px;font-weight:400}span.rh-ms,span.rh-sound{flex:none}.cells{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;min-width:0;display:grid}.beat{background:var(--band);grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;min-width:0;padding:2px;display:grid}.beat:nth-child(2n){background:var(--band-2)}.step{border-radius:var(--radius);touch-action:pan-x pan-y;-webkit-user-select:none;user-select:none;--mark:var(--azure);background:#ffffff80;border:0;height:100%;min-height:0;padding:0;position:relative}.step:hover{background:#ffffffd9}.step:focus-visible{outline-offset:-2px;z-index:1}.step[data-v="1"]{background:color-mix(in srgb, var(--azure) 38%, var(--bg))}.step[data-v="2"]{background:var(--azure);--mark:#fff}.step[data-chance]{background-image:repeating-linear-gradient(135deg,#0000 0 3px,#fff9 3px 5px)}.step[data-hits]:after{content:"";background:repeating-linear-gradient(90deg, var(--mark) 0 3px, transparent 3px 6px);height:3px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.step[data-hits="2"]:after{width:9px}.step[data-hits="3"]:after{width:15px}.step[data-v="0"]:after{content:none}.step[data-now=true]{background:var(--chartreuse)}.step[data-now=true][data-v="1"],.step[data-now=true][data-v="2"]{background-color:var(--azure);box-shadow:inset 0 0 0 3px var(--chartreuse)}.step.bass[data-note]:before{content:none}.step.bass[data-note="1"]:before,.step.bass[data-note="2"]:before,.step.bass[data-note="3"]:before{content:"";background:var(--azure);position:absolute;bottom:0;left:14%;right:14%}.step.bass[data-note="1"]:before{height:38%}.step.bass[data-note="2"]:before{height:68%}.step.bass[data-note="3"]:before{height:100%}.step.bass[data-now=true]{background:var(--chartreuse)}.beat .chord{border-radius:var(--radius);background:#ffffff80;border:0;grid-column:1/-1;height:100%;min-height:0;padding:0;font-size:13px;font-weight:500}.beat .chord:hover{background:#ffffffd9}.beat .chord[data-now=true]{background:var(--chartreuse)}.lane-fader,.lane-song{margin-top:0}.fader{background:var(--bg-alt);border-radius:var(--radius);cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;height:100%;font-size:12px;position:relative}.fader:focus-visible{outline-offset:0}.fader-fill{background:color-mix(in srgb, var(--azure) 38%, var(--bg));position:absolute;top:0;bottom:0}.fader-mid{background:var(--rule);width:1px;position:absolute;top:0;bottom:0;left:50%}.fader-thumb{background:var(--azure);width:3px;margin-left:-1px;position:absolute;top:0;bottom:0}.fader-end,.fader-read{pointer-events:none;white-space:nowrap;position:absolute;top:50%;transform:translateY(-50%)}.fader-end{color:var(--muted);padding:0 8px}.fader-end.l{left:0}.fader-end.r{right:0}.fader-read{font-variant-numeric:tabular-nums;background:var(--bg-alt);padding:1px 6px;font-weight:500;left:50%;transform:translate(-50%,-50%)}.slots{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;height:100%;display:grid}.cell.slot{height:100%;min-height:0;padding:0}.cell.slot[data-empty=true]{box-shadow:inset 0 0 0 1px var(--rule);background:0 0}.cell.slot[data-playing=true]{background:var(--chartreuse);color:var(--ink)}.infoline{min-height:2.9em;color:var(--muted);margin-top:6px;font-size:13px;line-height:1.45}.infoline[data-error=true]{color:var(--ink);font-weight:500}.gallery{border-top:1px solid var(--rule);flex-direction:column;min-height:0;display:flex;position:relative}.g-handle{cursor:ns-resize;touch-action:none;height:12px;position:absolute;top:-6px;left:0;right:0}.g-handle:after{content:"";background:var(--rule);width:36px;height:2px;margin-left:-18px;position:absolute;top:5px;left:50%}.g-handle:hover:after,.g-handle:focus-visible:after{background:var(--ink)}.g-head{justify-content:space-between;align-items:center;padding:6px 0;display:flex}.g-head h2{font-size:13px;font-weight:500}.g-body{overscroll-behavior:contain;scrollbar-width:thin;flex:1;min-height:0;overflow-y:auto}.g-row{border-bottom:1px solid var(--rule);grid-template-columns:auto minmax(0,1.1fr) 150px minmax(120px,2fr) auto;align-items:center;gap:12px;padding:8px 0;display:grid}.g-row[data-current=true]{box-shadow:inset 2px 0 0 var(--ink);padding-left:10px}.cell.g-play{width:36px;padding:0}.g-title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.g-name{color:var(--muted);font-weight:400}.g-remix,.g-remix-plain{color:var(--muted);font-size:12px}.g-remix{text-align:left;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.g-remix:hover{color:var(--ink)}.g-labels{color:var(--muted);white-space:nowrap;gap:10px;font-size:12px;display:flex}.strip{gap:2px;height:24px;display:flex;position:relative}.seg{background:var(--band);border:0;border-radius:0;flex:1;min-width:0;height:100%;padding:0}.seg svg{width:100%;height:100%;fill:var(--ink)}.seg-head{background:var(--chartreuse);pointer-events:none;width:3px;margin-left:-1px;position:absolute;top:-2px;bottom:-2px;box-shadow:0 0 0 1px #00000059}.g-empty{color:var(--muted);padding:18px 0;font-size:14px}.cell.g-more{margin:12px 0 16px}.mini{left:var(--pad);right:var(--pad);bottom:calc(var(--bar-bottom) + 8px);z-index:45;background:var(--bg);border:1px solid var(--rule);align-items:center;gap:6px;padding:6px;display:flex;position:fixed}.mini-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;padding-left:6px;font-size:13px;overflow:hidden}.mini-title{font-weight:500}.mini-name{color:var(--muted)}.half,.desk-only{display:none}@media (min-width:1024px){.daw{--rowh:max(22px, min(40px, calc((100dvh - 304px - var(--gh)) / 10.4)));flex:1;grid-template-rows:auto auto minmax(0,1fr);min-height:0;padding-top:6px}.daw[data-sized=true],.daw[data-collapsed=true]{grid-template-rows:auto minmax(0, 1fr) var(--gh)}.daw-mid{grid-template-columns:clamp(190px,17vw,230px) minmax(0,1fr);gap:24px;min-height:0}.browser{border-right:1px solid var(--rule);scrollbar-width:thin;min-height:0;padding-right:16px;overflow-y:auto}.desk-only{display:inline-flex}.mini{width:min(520px,46vw);bottom:8px;left:50%;right:auto;transform:translate(-50%)}html[data-mini] .g-body{padding-bottom:54px}}@media (min-width:1024px) and (max-width:1279px){:root{--head:214px}.cell.rh-sound{min-width:52px}}@media (max-width:1023px){.m-only{display:inline-flex}.half{display:flex}.tr-right{width:100%;margin-left:0}.lane{grid-template-columns:minmax(0,1fr);gap:4px;height:auto;margin-bottom:8px}.lanes{gap:0}.rh{height:36px}.cell.rh-ms{width:36px}.cells{grid-template-columns:repeat(2,minmax(0,1fr));height:44px}.beat[data-far=true]{display:none}.fader,.slots{height:44px}.infoline[data-quiet=true]{display:none}.browser{z-index:60;max-height:72dvh;padding:12px var(--pad) 24px;visibility:hidden;background:var(--bg);border-top:1px solid var(--rule);position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(100%)}.browser[data-open=true]{visibility:visible;transform:none}.g-row{grid-template-columns:auto minmax(0,1fr) auto;row-gap:8px}.g-labels{grid-area:2/2}.strip{grid-area:3/1/auto/-1}.cell.g-open{grid-area:1/3}.g-handle{display:none}html[data-mini] .stage{padding-bottom:calc(var(--bar-bottom) + 76px)}}.cell:disabled{opacity:.4;pointer-events:none}.cell.icon-btn{min-width:40px;padding:0}.tr-key{white-space:nowrap;color:var(--muted);font-size:13px}.b-intro{color:var(--muted);margin:2px 0 10px;font-size:13px;line-height:1.4}.text-btn{font:inherit;color:var(--ink);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.lv-name[data-hit]{font-weight:600;animation:80ms step-end both hit}@keyframes hit{0%{color:var(--ink)}to{color:inherit;font-weight:500}}@media (prefers-reduced-motion:reduce){.lv-name[data-hit]{animation-duration:40ms}}.rh-nudge,.lv-bar{visibility:hidden}.lane:hover .rh-nudge,.lane:focus-within .rh-nudge,.lane:hover .lv-bar,.lane:focus-within .lv-bar{visibility:visible}.slots{position:relative}.cell.slot[data-empty=true]{box-shadow:none;border:1px dashed var(--muted);background:0 0}.slots[data-blank=true] .cell.slot{border-color:#0000}.slots-hint{z-index:1;color:var(--muted);text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:0 8px;font-size:13px;display:flex;position:absolute;inset:0}.shot{transition:transform .36s var(--ease), opacity .36s var(--ease)}html[data-info] .shot{opacity:.55;transform:scale(.97)}@media (prefers-reduced-motion:reduce){.shot{transition:opacity .12s ease-out}html[data-info] .shot{transform:none}}:is(html[data-intro],.reveal) .card .shot :is(img,.motif){animation:1s cubic-bezier(.65,0,.35,1) both focus-in}:is(html[data-intro],.reveal) .card:nth-child(2) .shot :is(img,.motif){animation-delay:90ms}:is(html[data-intro],.reveal) .card:nth-child(3) .shot :is(img,.motif){animation-delay:.18s}:is(html[data-intro],.reveal) .card:nth-child(4) .shot :is(img,.motif){animation-delay:.27s}:is(html[data-intro],.reveal) .card:nth-child(5) .shot :is(img,.motif){animation-delay:.36s}:is(html[data-intro],.reveal) .card:nth-child(6) .shot :is(img,.motif){animation-delay:.45s}:is(html[data-intro],.reveal) .card:nth-child(7) .shot :is(img,.motif){animation-delay:.54s}:is(html[data-intro],.reveal) .card:nth-child(8) .shot :is(img,.motif){animation-delay:.63s}@keyframes focus-in{0%{filter:blur(24px);opacity:.35;transform:scale(1.08)}to{filter:blur();opacity:1;transform:none}}@media (hover:hover){.work-item .work-name,.work-item .work-desc,.work-item .work-side{visibility:hidden}.work-item:hover .work-name,.work-item:hover .work-desc,.work-item:hover .work-side,.work-item:focus-visible .work-name,.work-item:focus-visible .work-desc,.work-item:focus-visible .work-side{visibility:visible}}.work-name{text-align:center}.song-toggle{flex:1;justify-content:flex-start;padding:0 8px}.lcd{background:var(--bg-alt);border-radius:var(--radius);align-items:stretch;display:flex}.ro{cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:center;gap:3px;min-width:78px;padding:6px 12px;display:flex}.ro+.ro{box-shadow:inset 1px 0 0 var(--rule)}.ro:hover{background:color-mix(in srgb, var(--ink) 8%, var(--bg-alt))}.ro-static{cursor:default}.ro-static:hover{background:0 0}.ro-line{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:4px;font-size:20px;font-weight:500;line-height:1;display:flex}.ro-line input{font:inherit;color:var(--ink);text-align:left;cursor:inherit;background:0 0;border:0;border-radius:0;outline:none;padding:0}.ro-line input:focus{box-shadow:0 1px 0 var(--ink);cursor:text}.ro-unit{color:var(--muted);font-size:12px}.ro-label{color:var(--muted);font-size:11px;line-height:1}.card-title,.card-date{text-align:center;justify-content:center}@media (max-width:1023px){:is(html[data-intro],.reveal) .card .shot :is(img,.motif){animation-duration:1.8s;animation-delay:.8s}}.info-toggle{font:inherit;color:inherit;cursor:pointer;text-underline-offset:2px;background:0 0;border:0;justify-self:start;padding:0;text-decoration:underline}.info-toggle:hover{color:var(--azure)}.page-title{text-align:center;justify-items:center;gap:4px;margin-bottom:20px;display:grid}.page-title h1{font-size:15px;font-weight:500}.page-title p{max-width:48ch;color:var(--muted);font-size:13px}.case-links .live-btn{min-height:44px;color:var(--ink);gap:6px;padding:0;font-size:15px;font-weight:500}.case-links .live-u{border-bottom:1px solid color-mix(in srgb, var(--ink) 25%, transparent);padding-bottom:2px}.case-links .live-btn:hover{color:var(--azure)}.case-links .live-btn:hover .live-u{border-bottom-color:var(--azure)}html[data-intro] .thumbs .thumb img,html[data-intro] .craft-page .shot :is(img,.motif){animation:1s cubic-bezier(.65,0,.35,1) both focus-in}html[data-intro] .thumbs li:nth-child(2) .thumb img{animation-delay:60ms}html[data-intro] .thumbs li:nth-child(3) .thumb img{animation-delay:.12s}html[data-intro] .thumbs li:nth-child(4) .thumb img{animation-delay:.18s}html[data-intro] .thumbs li:nth-child(5) .thumb img{animation-delay:.24s}html[data-intro] .thumbs li:nth-child(6) .thumb img{animation-delay:.3s}html[data-intro] .thumbs li:nth-child(7) .thumb img{animation-delay:.36s}html[data-intro] .thumbs li:nth-child(8) .thumb img{animation-delay:.42s}html[data-intro] .thumbs li:nth-child(9) .thumb img{animation-delay:.48s}html[data-intro] .thumbs li:nth-child(10) .thumb img{animation-delay:.54s}html[data-intro] .thumbs li:nth-child(11) .thumb img{animation-delay:.6s}html[data-intro] .thumbs li:nth-child(12) .thumb img{animation-delay:.66s}::view-transition-old(root){animation:.18s both vt-out}::view-transition-new(root){animation:.42s .14s both vt-in}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0}}@media (prefers-reduced-motion:reduce){::view-transition-old(root){animation:none!important}::view-transition-new(root){animation:none!important}}.seg-joined{gap:0}.seg-joined .cell{border-radius:0}.seg-joined .cell+.cell{box-shadow:inset 1px 0 0 var(--rule)}.seg-joined .cell[aria-pressed=true]+.cell{box-shadow:none}.tabs-label{color:var(--muted);align-self:center;margin-right:4px;font-size:13px}.b-mode-name{margin-bottom:6px;font-size:13px;font-weight:500}.b-list{gap:4px;display:grid}.share-wrap,.keys-wrap{position:relative}.share-menu{z-index:50;background:var(--bg);border:1px solid var(--rule);gap:4px;min-width:100%;padding:8px;display:grid;position:absolute;top:calc(100% + 4px);right:0}.share-menu .cell{white-space:nowrap;justify-content:flex-start}.keys-pop{width:300px}.keys{gap:8px;font-size:13px;display:grid}.keys>div{grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;display:grid}.keys dt{gap:3px;display:flex}.keys kbd{min-width:22px;font:inherit;text-align:center;background:var(--bg-alt);border-radius:var(--radius);padding:3px 6px;font-size:12px}.keys dd{color:var(--muted);margin:0}.cell.play{color:var(--bg);background:var(--ink)}.cell.play:hover{background:color-mix(in srgb, var(--ink) 82%, var(--bg))}.transport{gap:8px 20px}.lcd .meter{background:linear-gradient(var(--rule), var(--rule)) 12px calc(50% - 5px) / calc(100% - 24px) 3px no-repeat, linear-gradient(var(--rule), var(--rule)) 12px calc(50% + 2px) / calc(100% - 24px) 3px no-repeat;width:64px;box-shadow:inset 1px 0 0 var(--rule);align-content:center;align-self:stretch;margin:0;padding:0 12px}.lcd .meter span{background:var(--ink);height:3px}.more-wrap{position:relative}.more-menu{min-width:180px}.more-sub{color:var(--muted);margin-top:6px;font-size:12px}.more-copy{gap:4px;display:flex}.more-copy .cell{flex:1}@media (max-width:1023px){.transport{top:var(--bar-top);z-index:20;background:var(--bg);gap:8px;position:sticky}.transport .cell{padding:0 10px}.lcd .meter{display:none}.ro{min-width:0;padding:5px 9px}.ro-line{font-size:17px}.tr-right{width:auto;margin-left:auto}.tabs-row{flex-wrap:wrap;gap:6px}.tabs-row .grow{display:none}.tabs-row .tab{min-width:0;padding:0 12px}.tabs-row .half{margin-left:auto}.tabs-row .half .cell{padding:0 10px}}.rh-name{flex:1;min-width:0;display:flex;position:relative}.rh-nudges{visibility:hidden;display:flex;position:absolute;top:0;bottom:0;right:0}.lane:hover .rh-nudges,.lane:focus-within .rh-nudges{visibility:visible}.cell.rh-nudge{background:color-mix(in srgb, var(--bg-alt) 92%, var(--ink));width:20px;min-width:0;visibility:inherit;border-radius:0;padding:0}.cell.slot[data-empty=true]{border-color:color-mix(in srgb, var(--muted) 45%, transparent)}:root{--tile-w:clamp(250px, 27vw, 390px);--tile-top:clamp(8px, 4vh, 40px)}.home-body{padding-top:var(--tile-top);align-items:flex-start}.craft{padding-top:var(--tile-top)}@media (min-width:640px){.work-row{flex-flow:wrap;justify-content:center;align-items:flex-start;width:100%;margin-inline:0;padding-block:0}.work-item,.craft>li{flex:0 0 var(--tile-w)}}@media (min-width:1024px){.home-body{scrollbar-width:thin;overflow:hidden auto}.home{padding-block:12px}}.home-body{align-items:safe center;padding-top:0}.scroll-area:has(>.craft){flex-direction:column;display:flex}.scroll-area>.craft{margin-block:auto;padding-top:0}@media (min-width:1024px){.page-title{margin-top:clamp(40px,7vh,72px)}}.circle{touch-action:manipulation;width:100%;height:auto;display:block}.seg-step{fill:var(--bg-alt);stroke:none;cursor:pointer}.seg-step[data-v="1"]{fill:color-mix(in srgb, var(--azure) 38%, var(--bg))}.seg-step[data-v="2"]{fill:var(--azure)}.seg-step[data-dim]{opacity:.4}.seg-step[data-now]:not([data-v="1"]):not([data-v="2"]){fill:color-mix(in srgb, var(--ink) 14%, var(--bg-alt))}.seg-step:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.circle-hand{stroke:var(--chartreuse);stroke-width:4px;stroke-linecap:butt;pointer-events:none}.strip{gap:6px;height:48px;margin-inline:0}.seg{background:0 0;border-radius:50%;flex:0 0 48px;padding:3px}.seg:hover{background:var(--band)}.seg[data-now]{box-shadow:inset 0 0 0 2px var(--chartreuse)}.seg .circle{width:100%;height:100%}.seg svg{fill:none}.seg .seg-step{fill:var(--band-2)}.seg .seg-step[data-v="1"],.seg .seg-step[data-v="2"]{fill:var(--ink)}.hint{z-index:65;color:var(--bg);background:var(--ink);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 12px;font-size:14px;line-height:1.35;display:flex;position:fixed}.hint p{margin:0}.hint-skip{font:inherit;color:color-mix(in srgb, var(--bg) 70%, var(--ink));text-underline-offset:2px;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:13px;text-decoration:underline}.hint-skip:hover{color:var(--bg)}.hint:after{content:"";left:var(--tip);border:6px solid #0000;margin-left:-6px;position:absolute}.hint[data-side=below]:after{border-bottom-color:var(--ink);bottom:100%}.hint[data-side=above]:after{border-top-color:var(--ink);top:100%}.daw[data-view=simple] .studio-only{display:none!important}@media (max-width:767px){.daw .studio-only,.daw .view-toggle{display:none!important}}@media (min-width:768px){.daw[data-view=simple] .studio-or-phone{display:none!important}.phone-note{display:none}}.phone-note{color:var(--muted);margin:4px 0 8px;font-size:13px}.daw[data-view=simple] .infoline[data-quiet=true]{display:none}.daw[data-view=simple]{--head:168px}@media (min-width:1024px){.daw[data-view=simple]{--rowh:max(24px, min(54px, calc((100dvh - 250px - var(--gh)) / 7.2)))}}html[data-vt=view]::view-transition-old(root){animation:.12s both vt-out}html[data-vt=view]::view-transition-new(root){animation:.16s both vt-in}.lv-icon{color:var(--ink);flex:none;margin-right:8px}.lv-icon[data-hit]{animation:80ms step-end both icon-hit}@keyframes icon-hit{0%{stroke-width:2.4px}to{stroke-width:1.5px}}@media (prefers-reduced-motion:reduce){.lv-icon[data-hit]{animation-duration:40ms}}.fx{height:calc(var(--rowh) * 1.2);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:4px;display:grid}.fx-pad{font:inherit;color:var(--ink);background:var(--bg-alt);border-radius:var(--radius);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;border:0;justify-content:center;align-items:center;gap:8px;padding:0;font-size:13px;font-weight:500;display:flex}.fx-pad:hover{background:color-mix(in srgb, var(--ink) 12%, var(--bg))}.fx-pad[data-held]{color:var(--ink);background:var(--chartreuse)}.fx-pad kbd{font:inherit;color:var(--muted);font-size:11px}@media (max-width:1023px){.fx{height:auto;margin-top:8px}.fx-pad{min-height:64px}}.circle-wrap{height:calc(var(--rowh) * 4 + 12px);justify-content:center;align-items:center;gap:20px;display:flex}.circle-wrap .circle{aspect-ratio:1;width:auto;height:100%}.circle-legend{max-width:22ch;color:var(--muted);font-size:12px;line-height:1.4}@media (max-width:1023px){.circle-wrap{flex-direction:column;gap:8px;height:auto;margin-bottom:8px}.circle-wrap .circle{width:min(100%,340px);height:auto}.circle-legend{text-align:center;max-width:none}}.lanes[data-circle=true] .cells{grid-template-columns:repeat(4,minmax(0,1fr))}.lanes[data-circle=true] .beat[data-far=true]{display:grid}.circle-toggle{display:flex}@media (min-width:1024px){:is(.home,.scroll-area:has(>.craft)){position:relative}.page-title{inset-inline:0;margin:0;position:absolute;top:clamp(40px,7vh,72px)}.home-body{padding-top:32px}.scroll-area>.craft{padding-top:50px}}:is(html[data-intro],html[data-enter],.reveal){--base:0s}html[data-enter]{--base:.15s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes cap-in{0%{opacity:0}}:is(html[data-intro],html[data-enter],.reveal) .page-title h1{animation:rise .38s var(--ease) calc(var(--base) + .12s) both}:is(html[data-intro],html[data-enter],.reveal) .page-title p{animation:rise .38s var(--ease) calc(var(--base) + .18s) both}html[data-enter] .card .shot :is(img,.motif){animation:focus-in .7s cubic-bezier(.65, 0, .35, 1) calc(var(--base) + .14s) both}html[data-enter] .card:nth-child(2) .shot :is(img,.motif){animation-delay:calc(var(--base) + .14s + 90ms)}html[data-enter] .card:nth-child(3) .shot :is(img,.motif){animation-delay:calc(var(--base) + .14s + .18s)}html[data-enter] .card:nth-child(4) .shot :is(img,.motif){animation-delay:calc(var(--base) + .14s + .27s)}html[data-enter] .card:nth-child(5) .shot :is(img,.motif){animation-delay:calc(var(--base) + .14s + .36s)}html[data-enter] .card:nth-child(6) .shot :is(img,.motif){animation-delay:calc(var(--base) + .14s + .45s)}html[data-enter] .card:nth-child(7) .shot :is(img,.motif){animation-delay:calc(var(--base) + .14s + .54s)}html[data-enter] .card:nth-child(8) .shot :is(img,.motif){animation-delay:calc(var(--base) + .14s + .63s)}:is(html[data-intro],html[data-enter],.reveal) .card :is(.card-title,.card-date){animation:cap-in .24s ease calc(var(--base) + .56s) both}:is(html[data-intro],html[data-enter],.reveal) .card:nth-child(2) :is(.card-title,.card-date){animation-delay:calc(var(--base) + .56s + 90ms)}:is(html[data-intro],html[data-enter],.reveal) .card:nth-child(3) :is(.card-title,.card-date){animation-delay:calc(var(--base) + .56s + .18s)}:is(html[data-intro],html[data-enter],.reveal) .card:nth-child(4) :is(.card-title,.card-date){animation-delay:calc(var(--base) + .56s + .27s)}:is(html[data-intro],html[data-enter],.reveal) .card:nth-child(5) :is(.card-title,.card-date){animation-delay:calc(var(--base) + .56s + .36s)}:is(html[data-intro],html[data-enter],.reveal) .card:nth-child(6) :is(.card-title,.card-date){animation-delay:calc(var(--base) + .56s + .45s)}:is(html[data-intro],html[data-enter],.reveal) .card:nth-child(7) :is(.card-title,.card-date){animation-delay:calc(var(--base) + .56s + .54s)}:is(html[data-intro],html[data-enter],.reveal) .card:nth-child(8) :is(.card-title,.card-date){animation-delay:calc(var(--base) + .56s + .63s)}:is(html[data-intro],html[data-enter]) .transport{animation:rise .38s var(--ease) calc(var(--base) + 80ms) both}:is(html[data-intro],html[data-enter]) .daw-mid{animation:rise .38s var(--ease) calc(var(--base) + .16s) both}:is(html[data-intro],html[data-enter]) .gallery{animation:rise .38s var(--ease) calc(var(--base) + .24s) both}html[data-vt=nav]::view-transition-old(root){animation:.15s both vt-out}html[data-vt=nav]::view-transition-new(root){animation:1ms linear .15s both vt-in}@media (prefers-reduced-motion:reduce){:is(html[data-intro],html[data-enter],.reveal) :is(.page-title h1,.page-title p,.card-title,.card-date,.transport,.daw-mid,.gallery){animation:none}}.music{align-items:center;display:flex;position:relative}.music-btn{justify-content:center;min-width:36px}.music-pop{z-index:46;width:min(300px, calc(100vw - 2 * var(--pad)));background:var(--bg-alt);border-radius:var(--radius);box-shadow:0 0 0 .5px color-mix(in srgb, var(--ink) 14%, transparent);align-items:center;gap:2px;padding:4px;display:none;position:absolute;top:calc(100% - 6px);right:0}.music:hover .music-pop,.music:focus-within .music-pop,.music[data-peek] .music-pop{display:flex}.music-skip{width:32px;height:32px;color:var(--ink);border-radius:var(--radius);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.music-skip:hover{background:color-mix(in srgb, var(--ink) 12%, var(--bg-alt))}.music-title{white-space:nowrap;flex:1;min-width:0;padding:0 8px;font-size:13px;font-weight:500;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 12px),#0000);mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 12px),#0000)}.music-title:hover{color:var(--azure)}.music-track{gap:2.5em;animation:11s linear 1.2s infinite marquee;display:inline-flex}@keyframes marquee{to{transform:translate(calc(-50% - 1.25em))}}@media (prefers-reduced-motion:reduce){.music-track{animation:none}.music-track>span+span{display:none}.music-title{text-overflow:ellipsis}}@media (hover:hover){.card .card-title,.card .card-date{visibility:hidden}.card a:hover .card-title,.card a:hover .card-date,.card a:focus-visible .card-title,.card a:focus-visible .card-date{visibility:visible}}.ask-wrap{flex:1;place-items:center;min-height:0;display:grid}.ask-card{background:var(--bg-alt);border-radius:var(--radius);grid-template-rows:auto minmax(0,1fr) auto auto;width:min(560px,100%);height:min(70dvh,720px);display:grid;overflow:hidden}@media (max-width:1023px){.ask-wrap{z-index:5;left:var(--pad);right:var(--pad);top:calc(var(--bar-top) + 8px + var(--vvt,0px));height:calc(var(--vvh,100dvh) - var(--bar-top) - var(--bar-bottom) - 16px);display:block;position:fixed}.ask-card{width:100%;height:100%}}.ask-head{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 16px 8px;display:flex}.ask-title{font-size:14px;font-weight:500}.ask-sub{color:var(--muted);margin-top:2px;font-size:13px}.ask-clear{color:var(--muted);flex:none;font-size:13px}.ask-list{overscroll-behavior:contain;scrollbar-width:thin;align-content:start;gap:14px;padding:8px 16px 12px;display:grid;overflow-y:auto}.ask-msg{justify-items:start;gap:8px;max-width:88%;font-size:14px;line-height:1.5;display:grid}.ask-msg p{margin:0}.ask-msg[data-role=user]{justify-self:end;justify-items:end}.ask-msg[data-role=user] p{color:var(--bg);background:var(--ink);border-radius:var(--radius);padding:8px 12px}.ask-thinking{color:var(--muted)}.ask-thinking .dots span{animation:1.2s step-end infinite dot}.ask-thinking .dots span:nth-child(2){animation-delay:.3s}.ask-thinking .dots span:nth-child(3){animation-delay:.6s}@keyframes dot{0%{opacity:0}25%,to{opacity:1}}@media (prefers-reduced-motion:reduce){.ask-thinking .dots span{animation:none}}.ask-suggest{flex-wrap:wrap;gap:6px;display:flex}.ask-suggest .cell{background:var(--bg);min-height:36px;padding:0 12px}.ask-card-link{width:min(100%,360px);color:var(--ink);background:var(--bg);border-radius:var(--radius);align-items:center;gap:12px;padding:8px;display:flex}.ask-card-link:hover .ask-card-title{color:var(--azure)}.ask-thumb{aspect-ratio:4/3;background:var(--bg-alt);border-radius:var(--radius);flex:none;width:64px;position:relative;overflow:hidden}.ask-thumb img{object-fit:cover}.ask-card-text{gap:2px;min-width:0;display:grid}.ask-card-title{font-size:14px;font-weight:500}.ask-card-desc{color:var(--muted);font-size:13px;line-height:1.35}.ask-contact{background:var(--bg);border-radius:var(--radius);justify-items:start;gap:8px;width:min(100%,360px);padding:12px;display:grid}.ask-email{font-size:14px;font-weight:500}.ask-links{gap:14px;font-size:13px;display:flex}.ask-link{color:var(--ink);text-underline-offset:3px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--ink) 30%, transparent);text-decoration-color:color-mix(in srgb, var(--ink) 30%, transparent)}.ask-link:hover{color:var(--azure)}.ask-form{gap:6px;padding:8px 16px 14px;display:grid}.ask-label{color:var(--muted);font-size:13px}.ask-row{align-items:stretch;gap:6px;display:flex}.ask-row textarea{min-width:0;min-height:44px;max-height:120px;font:inherit;color:var(--ink);background:var(--bg);border-radius:var(--radius);resize:none;border:0;flex:1;padding:12px;font-size:16px;line-height:1.3}.ask-row textarea:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.ask-count{text-align:right;min-height:1em;color:var(--muted);visibility:hidden;margin:0;font-size:12px}.ask-count[data-show=true]{visibility:visible}.info-ask{margin-top:14px;font-size:14px}.info-ask a{text-underline-offset:3px;text-decoration:underline}:is(html[data-intro],html[data-enter]) .ask-card{animation:ask-on .56s var(--ease) calc(var(--base) + .12s) both}@keyframes ask-on{0%{opacity:0;transform:translateY(28px)scale(.985)}}@keyframes ask-off{to{opacity:0;transform:translateY(18px)scale(.985)}}.ask-card{view-transition-name:ask-card}::view-transition-group(ask-card){animation:none}::view-transition-old(ask-card){animation:.24s cubic-bezier(.4,0,1,1) both ask-off}::view-transition-new(ask-card){animation:none}@media (prefers-reduced-motion:reduce){:is(html[data-intro],html[data-enter]) .ask-card{animation:none}::view-transition-old(ask-card){animation:none}}.ask-field{background:var(--bg);border-radius:var(--radius);position:relative}.ask-field textarea{width:100%;min-height:52px;max-height:140px;font:inherit;color:var(--ink);border-radius:var(--radius);resize:none;background:0 0;border:0;padding:16px 84px 16px 16px;font-size:16px;line-height:1.3;display:block}.ask-field textarea::placeholder{color:var(--muted)}.ask-field:focus-within{outline:2px solid var(--ink);outline-offset:-2px}.ask-field textarea:focus-visible{outline:none}.ask-send{height:36px;font:inherit;color:var(--bg);background:var(--ink);border-radius:var(--radius);cursor:pointer;border:0;padding:0 14px;font-size:13px;font-weight:500;position:absolute;bottom:8px;right:8px}.ask-send:hover{background:color-mix(in srgb, var(--ink) 82%, var(--bg))}.ask-send:disabled{color:var(--muted);background:var(--bg-alt);cursor:default}.ask-suggest .cell{min-height:38px;color:var(--azure);background:var(--bg);box-shadow:inset 0 0 0 1.5px var(--azure);padding:0 14px}.ask-suggest .cell:after{content:"→";margin-left:2px}.ask-suggest .cell:hover:not(:disabled){color:var(--bg);background:var(--azure)}.ask-suggest .cell:disabled{opacity:.45}.ask-msg[data-role=user] p{background:var(--azure)}.ask-field:focus-within{outline-color:var(--azure)}.ask-send{background:var(--azure);place-items:center;width:36px;padding:0;display:grid}.ask-send:hover:not(:disabled){background:color-mix(in srgb, var(--azure) 84%, var(--ink))}.ask-link{color:var(--azure);-webkit-text-decoration-color:color-mix(in srgb, var(--azure) 40%, transparent);text-decoration-color:color-mix(in srgb, var(--azure) 40%, transparent)}.ask-head .ask-title{color:var(--ink)}@media (max-width:400px){:root{--link-pad:6px}.corner{gap:0;font-size:12px}}@media (max-width:340px){:root{--link-pad:4px}.corner{font-size:11.5px}}.music-pop{top:calc(var(--bar-top) - 10px);right:var(--pad);width:min(300px, calc(100vw - 2 * var(--pad)));position:fixed}.music{position:static}.music-btn{position:relative}@media (max-width:1023px){:is(.home,.scroll-area:has(>.craft)){min-height:calc(100dvh - var(--bar-top) - var(--bar-bottom) - 32px);position:relative}.page-title{inset-inline:0;margin:0;position:absolute;top:clamp(24px,4vh,48px)}.home-body{padding-top:32px}.scroll-area>.craft{padding-top:50px}}@media (min-width:768px) and (max-width:1023px){.lanes .beat[data-far=true]{display:grid}.lanes .cells{grid-template-columns:repeat(4,minmax(0,1fr))}.tabs-row .half{display:none}}@media (min-width:640px) and (max-width:1023px){.ask-wrap{width:min(560px, calc(100vw - 2 * var(--pad)));left:50%;right:auto;transform:translate(-50%)}}.info-row>*{overflow-wrap:anywhere;min-width:0}@media (max-width:400px){.info-row{grid-template-columns:84px minmax(0,1fr);gap:8px}}@media (hover:hover){.shot-alt{display:none}.work-item .shot img,.card .shot :is(img,.motif){transition:transform .7s var(--ease)}.work-item:hover .shot img,.work-item:focus-visible .shot img,.card a:hover .shot :is(img,.motif),.card a:focus-visible .shot :is(img,.motif){transform:scale(1.045)}.work-item,.card{transition:opacity .32s var(--ease)}.work-row:has(.work-item:is(:hover,:focus-visible)) .work-item:not(:hover,:focus-visible){opacity:.45}.craft:has(a:is(:hover,:focus-visible)) .card:not(:has(a:is(:hover,:focus-visible))){opacity:.45}.work-item .work-name,.work-item .work-desc,.work-item .work-side,.card .card-title,.card .card-date{visibility:visible;opacity:0;transition:opacity .26s var(--ease), transform .36s var(--ease);transform:translateY(6px)}.work-item:hover .work-name,.work-item:hover .work-desc,.work-item:hover .work-side,.work-item:focus-visible .work-name,.work-item:focus-visible .work-desc,.card a:hover .card-title,.card a:hover .card-date,.card a:focus-visible .card-title,.card a:focus-visible .card-date{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.work-item .shot img,.card .shot :is(img,.motif),.work-item,.card,.work-item .work-name,.card .card-title,.card .card-date{transition:none}.work-item:hover .shot img,.card a:hover .shot :is(img,.motif){transform:none}}.ask-form{gap:0;padding:0}.ask-form .ask-suggest{padding:0 16px 12px}.ask-field{border-radius:0}.ask-field textarea{min-height:78px;max-height:180px;padding:28px 100px 28px 20px;font-size:18px}.ask-send{width:48px;height:48px;bottom:15px;right:16px}.ask-send svg{width:20px;height:20px}.ask-count{min-height:0;position:absolute;top:8px;right:20px}.ask-card{position:relative}.ask-card:after{content:"";border:1px solid var(--rule);border-radius:var(--radius);pointer-events:none;position:absolute;inset:0}.ask-field{box-shadow:inset 0 1px 0 var(--rule)}@media (max-width:639px){:root{--tile-w:calc((100% - var(--tile-gap)) / 2)}.work-row{justify-content:center;align-items:flex-start;gap:20px var(--tile-gap);flex-flow:wrap}.work-item,.craft>li{flex:0 0 var(--tile-w)}}@media (max-width:1023px){:is(html[data-intro],.reveal) .card .shot :is(img,.motif){animation-duration:1.1s;animation-delay:.2s}:is(html[data-intro],.reveal) .card:nth-child(2) .shot :is(img,.motif){animation-delay:.32s}:is(html[data-intro],.reveal) .card:nth-child(3) .shot :is(img,.motif){animation-delay:.44s}:is(html[data-intro],.reveal) .card:nth-child(n+4) .shot :is(img,.motif){animation-delay:.56s}.frame-bar-top{height:calc(var(--bar-top) + 240px);top:-240px}.frame-bar-bottom{height:calc(var(--bar-bottom) + env(safe-area-inset-bottom) + 240px);bottom:-240px}}.caret{vertical-align:-.15em;background:var(--azure);width:2px;height:1em;margin-left:2px;animation:.9s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.caret{animation:none}}@media (max-width:1023px){html:has(#main.stage){background:var(--bg);height:100%;overflow:hidden}html:has(#main.stage) body{background:var(--bg);height:100%;overflow:hidden}.stage{inset:var(--bar-top) 0 var(--bar-bottom) 0;min-height:0;padding:12px var(--pad) 20px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:fixed;overflow:hidden auto}.stage::-webkit-scrollbar{display:none}.frame-bar-top{height:var(--bar-top);top:0}.frame-bar-bottom{height:var(--bar-bottom);bottom:0}:is(.home,.scroll-area:has(>.craft)){min-height:100%}.transport{top:0}}@media (max-width:767px){.stage:has(.thumbs){scroll-snap-type:y proximity}.thumbs{flex-direction:column;gap:0;display:flex}.thumbs li{height:calc(100dvh - var(--bar-top) - var(--bar-bottom) - 120px);scroll-snap-align:center;flex:none;place-items:center;display:grid}.thumb{will-change:transform, opacity}}.case-key,.case-facts{display:none}@media (max-width:767px){.case{display:block}.case-key{z-index:6;margin:-12px calc(var(--pad) * -1) 0;padding:12px var(--pad);background:var(--bg);box-shadow:0 1px 0 var(--rule);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.case-key-title{font-size:15px;font-weight:500;line-height:1.2}.case-key-year{color:var(--muted);margin-top:2px;font-size:13px}.key-site{min-height:40px;color:var(--bg);background:var(--ink);border-radius:var(--radius);flex:none;align-items:center;gap:6px;padding:0 16px;font-size:14px;font-weight:500;display:inline-flex}.key-site:active{background:var(--azure)}.case-facts{gap:16px;padding:28px 0 4px;font-size:14px;display:grid}.case-facts li+li{margin-top:4px}.case-text .case-head,.case-text .case-outcomes,.case-text .case-services,.case-text .case-links{display:none}.case-text{margin-top:12px}.case-facts{scroll-snap-align:start;scroll-margin-top:64px}}@media (max-width:1023px){:root{--fade:30px;--bg-clear:#f5f4f000}.stage{padding:calc(var(--bar-top) + 12px) var(--pad) calc(var(--bar-bottom) + 20px);scroll-padding-top:var(--bar-top);scroll-padding-bottom:var(--bar-bottom);inset:0}.frame-bar-top{height:calc(var(--bar-top) + var(--fade));background:linear-gradient(to bottom, var(--bg) 0, var(--bg) var(--bar-top), var(--bg-clear) 100%);top:0}.frame-bar-bottom{height:calc(var(--bar-bottom) + var(--fade));background:linear-gradient(to top, var(--bg) 0, var(--bg) var(--bar-bottom), var(--bg-clear) 100%);bottom:0}.transport,.case-key{top:var(--bar-top)}}@media (max-width:767px){.key-site{min-height:0;color:var(--ink);background:0 0;border-radius:0;padding:0;font-size:15px}.key-site:active{color:var(--azure);background:0 0}.thumbs li{height:auto;padding:10px 0}.stage:has(.thumbs){scroll-snap-type:none}.case-facts{scroll-snap-align:none;gap:0;padding:4px 0 8px}.facts-item{border-bottom:1px solid var(--rule)}.facts-item summary{min-height:48px;color:var(--muted);cursor:pointer;justify-content:space-between;align-items:center;font-size:14px;list-style:none;display:flex}.facts-item summary::-webkit-details-marker{display:none}.facts-item summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin-right:4px;transform:translateY(-2px)rotate(45deg)}.facts-item[open] summary:after{transform:translateY(2px)rotate(-135deg)}.facts-item[open] summary{color:var(--ink)}.facts-item ul,.facts-item p{padding-bottom:14px;font-size:14px;line-height:1.5}.facts-item li+li{margin-top:4px}.thumbs li{scroll-snap-align:none}.case-text{display:none}.case{padding-bottom:28px}}@media (max-width:1023px){.stage{padding:0 var(--pad)}.stage:before,.stage:after{content:"";display:block}.stage:before{height:calc(var(--bar-top) + 12px)}.stage:after{height:calc(var(--bar-bottom) + 20px)}:is(.home,.scroll-area:has(>.craft)){min-height:calc(100% - var(--bar-top) - var(--bar-bottom) - 32px)}}@media (max-width:767px){.facts-plain{border-bottom:1px solid var(--rule);padding:16px 0;font-size:14px;line-height:1.5}.facts-plain .case-label{margin-bottom:6px}.facts-plain li+li{margin-top:4px}}@media (max-width:1023px){.case-key,.transport{top:calc(var(--bar-top) + var(--fade));margin-top:calc(var(--fade) - 12px)}}@media (max-width:767px){.case-key{box-shadow:none}.facts-plain,.facts-item{border-bottom:0}}.case-info{display:none}@media (max-width:767px){.case-facts{display:none}.case-info{display:block}.case-info summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:52px;list-style:none;display:flex}.case-info summary::-webkit-details-marker{display:none}.case-info-line{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;overflow:hidden}.case-info-btn{flex:none;align-items:center;gap:8px;font-size:14px;font-weight:500;display:inline-flex}.case-info-btn:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transform:translateY(-2px)rotate(45deg)}.case-info[open] .case-info-btn:after{transform:translateY(2px)rotate(-135deg)}.case-info-body{gap:22px;padding:4px 0 20px;font-size:14px;line-height:1.5;display:grid}.case-info-body li+li{margin-top:4px}.case-info-body .case-label{margin-bottom:6px}.case-info-body .chips{flex-wrap:wrap;gap:6px;display:flex}.case-info-body .chips li{background:var(--bg-alt);border-radius:var(--radius);margin:0;padding:6px 12px;font-size:13px}}:root{--pin-gap:28px}@media (max-width:1023px){html[data-pinned] .frame-bar-top{height:calc(var(--bar-top) + var(--pin-gap));background:var(--bg)}html[data-pinned] .case-key,html[data-pinned] .transport{top:calc(var(--bar-top) + var(--pin-gap));margin-top:calc(var(--pin-gap) - 12px)}}@media (max-width:767px){.stage:has(.case:not([style*=none]) .thumbs){scroll-snap-type:y mandatory;scroll-padding-top:calc(var(--bar-top) + var(--pin-gap) + 56px);scroll-padding-bottom:calc(var(--bar-bottom) + 20px)}.thumbs li{scroll-snap-align:center}}.case-back{display:none}@media (max-width:767px){html:has(.case:not([style*=none])){--bar-top:0px;--bar-bottom:24px}html:has(.case:not([style*=none])) :is(.frame-bar,.corner){display:none}html:has(.case:not([style*=none])) .frame-bar-bottom{background:linear-gradient(to top, var(--bg) 0, var(--bg) 12px, var(--bg-clear) 100%);height:56px;display:block;bottom:0}html:has(.case:not([style*=none])) .case-key{grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;margin-top:-12px;display:grid;top:0}.case-back{width:48px;min-height:44px;color:var(--ink);justify-content:flex-start;justify-self:start;align-items:center;display:inline-flex}.case-back svg{width:22px;height:22px}.case-key-main{text-align:center;min-width:0;max-width:48vw}.case-key-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.key-site{justify-self:end}html[data-vt^=sheet]::view-transition-old(root){mix-blend-mode:normal;animation-duration:.62s;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}html[data-vt^=sheet]::view-transition-new(root){mix-blend-mode:normal;animation-duration:.62s;animation-timing-function:cubic-bezier(.32,.72,0,1);animation-fill-mode:both}html[data-vt=sheet-in]::view-transition-old(root){animation-name:sheet-settle}html[data-vt=sheet-in]::view-transition-new(root){z-index:2;animation-name:sheet-rise}html[data-vt=sheet-out]::view-transition-old(root){z-index:2;animation-name:sheet-drop}html[data-vt=sheet-out]::view-transition-new(root){animation-name:sheet-return}html[data-vt^=sheet] :is(.shot,.thumb){view-transition-name:none!important}}@keyframes sheet-rise{0%{transform:translateY(100%)}to{transform:translate(0,0)}}@keyframes sheet-drop{0%{transform:translate(0,0)}to{transform:translateY(100%)}}@keyframes sheet-settle{0%{filter:brightness();transform:scale(1)}to{filter:brightness(.78);transform:scale(.94)}}@keyframes sheet-return{0%{filter:brightness(.78);transform:scale(.94)}to{filter:brightness();transform:scale(1)}}.case-brief{display:none}@media (max-width:767px){.case-info{display:none}.case-brief{gap:18px;padding:20px 0 12px;font-size:15px;line-height:1.45;display:grid}.case-brief ul{margin:0;padding:0;list-style:none}.case-brief li+li{margin-top:6px}.case-brief .case-label{margin:0 0 6px;font-size:13px}}:is(html[data-intro],html[data-enter]) :is(.home,.scroll-area) :is(.work-item,.card) .shot,:is(.home,.scroll-area).reveal :is(.work-item,.card) .shot{background:var(--tile-brand,var(--azure));transform-origin:50%;animation:1.5s cubic-bezier(.19,1,.22,1) both tile-rise;animation-delay:calc(var(--base,0s) + .9s + var(--i,0) * .13s)}:is(html[data-intro],html[data-enter]) :is(.home,.scroll-area) :is(.work-item,.card) .shot :is(img,.motif,.cover-video),:is(.home,.scroll-area).reveal :is(.work-item,.card) .shot :is(img,.motif,.cover-video){transform-origin:50%;animation:1.1s cubic-bezier(.33,0,.2,1) both tile-picture-fade,1.7s cubic-bezier(.19,1,.22,1) both tile-picture-scale;animation-delay:calc(var(--base,0s) + .9s + var(--i,0) * .13s + .32s), calc(var(--base,0s) + .9s + var(--i,0) * .13s)}:is(html[data-intro],html[data-enter]) :is(.home,.scroll-area) :is(.work-item .work-name,.work-item .work-meta,.card .card-title,.card .card-date,.card .card-blurb),:is(.home,.scroll-area).reveal :is(.work-item .work-name,.work-item .work-meta,.card .card-title,.card .card-date,.card .card-blurb){animation:.9s cubic-bezier(.19,1,.22,1) both tile-name;animation-delay:calc(var(--base,0s) + .9s + var(--i,0) * .13s + .84s)}.work-row>:first-child,.craft>:first-child{--i:0}.work-row>:nth-child(2),.craft>:nth-child(2){--i:1}.work-row>:nth-child(3),.craft>:nth-child(3){--i:2}.work-row>:nth-child(4),.craft>:nth-child(4){--i:3}.work-row>:nth-child(5),.craft>:nth-child(5){--i:4}.work-row>:nth-child(n+6),.craft>:nth-child(n+6){--i:5}.work-row>:nth-child(2n),.craft>:nth-child(2n){--lift:72px}.work-row>:nth-child(odd),.craft>:nth-child(odd){--lift:44px}@keyframes tile-rise{0%{opacity:0;transform:translate3d(0, var(--lift,44px), 0) scale(.55)}18%{opacity:1}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes tile-picture-fade{0%{opacity:0}to{opacity:1}}@keyframes tile-picture-scale{0%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes tile-name{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){:is(.work-item,.card) :is(.shot,img,.motif,.work-name,.work-meta,.card-title,.card-date,.card-blurb){animation:none!important}}@media (max-width:767px){.case-back{margin-left:-4px}}.corner-bl .frame-link{position:relative}.nav-dot{opacity:0;pointer-events:none;will-change:transform;width:4px;height:4px;position:absolute;top:0;left:0}.nav-dot i{background:var(--azure);border-radius:50%;width:100%;height:100%;display:block}.work-row,.craft{--tile-w:calc((100% - (var(--pn,2) - 1) * var(--tile-gap)) / var(--pn,2))}@media (min-width:640px){.work-row,.craft{--tile-w:max(250px, min(560px, calc((100% - (var(--n,2) - 1) * var(--tile-gap)) / var(--n,2)), calc((100svh - 480px) * 1.3333)))}}.work-meta,.card-blurb{max-width:40ch;color:var(--muted);text-align:center;margin:2px auto 0;font-size:13px;line-height:1.4}.work-year,.work-blurb,.card-blurb{display:block}@media (max-width:639px){.work-blurb,.card-blurb{display:none}[data-n="1"] .work-blurb,[data-n="1"] .card-blurb{display:block}}@media (hover:hover){.work-item :is(.work-name,.work-meta),.card :is(.card-title,.card-date,.card-blurb){visibility:visible;opacity:1;transform:none}}.case-engagement p+p,.case-brief .case-copy p+p{margin-top:12px}.case-brief .case-copy p{margin:0}@media (max-width:767px){.stage:has(.case:not([style*=none]) .thumbs){scroll-padding-top:68px}.case-brief{scroll-snap-align:start}}.work-name{margin-top:22px}.card-title{margin-top:20px}@media (max-width:767px){.case-brief{padding-top:32px}}.work-year,.card-date{margin-bottom:8px}@media (min-width:1024px){.page-title{margin-top:clamp(22px,4vh,40px)}}.case-next{display:none}@media (max-width:767px){.case-next{text-align:center;padding:36px 0 28px;font-size:14px;font-weight:500;display:block}.case-next a{text-underline-offset:3px;text-decoration:underline}}.corner-tl{view-transition-name:frame-name}.corner-tr{view-transition-name:frame-info}.corner-bl{view-transition-name:frame-index}.corner-br{view-transition-name:frame-contact}.frame-bar-top{view-transition-name:frame-bar-top}.frame-bar-bottom{view-transition-name:frame-bar-bottom}html[data-vt^=sheet] :is(.corner,.frame-bar){view-transition-name:none}::view-transition-group(frame-name){animation:none}::view-transition-group(frame-info){animation:none}::view-transition-group(frame-index){animation:none}::view-transition-group(frame-contact){animation:none}::view-transition-group(frame-bar-top){animation:none}::view-transition-group(frame-bar-bottom){animation:none}::view-transition-old(frame-name){display:none}::view-transition-old(frame-info){display:none}::view-transition-old(frame-index){display:none}::view-transition-old(frame-contact){display:none}::view-transition-old(frame-bar-top){display:none}::view-transition-old(frame-bar-bottom){display:none}::view-transition-new(frame-name){animation:none}::view-transition-new(frame-info){animation:none}::view-transition-new(frame-index){animation:none}::view-transition-new(frame-contact){animation:none}::view-transition-new(frame-bar-top){animation:none}::view-transition-new(frame-bar-bottom){animation:none}.corner-bl .frame-link[aria-current=page]:after,html[data-page=work] .corner-bl a[href=\/]:after,html[data-page=playground] .corner-bl a[href=\/playground]:after,html[data-page=loops] .corner-bl a[href=\/loops]:after,html[data-page=ask] .corner-bl a[href=\/ask]:after{content:"";background:var(--azure);border-radius:50%;width:4px;height:4px;position:absolute;top:calc(100% - 2px);left:calc(50% - 2px)}.corner-bl[data-live] .frame-link:after{display:none}@media (max-width:639px){.work-item .shot,.card .shot{aspect-ratio:4/5}}@media (min-width:1024px){.case-text{grid-template-rows:auto;grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,2.4fr)}.case-text:has(.case-outcomes){grid-template-columns:minmax(0,.9fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.9fr)}.case-head{grid-area:1/1}.case-outcomes,.case-services,.case-engagement{grid-row:1}.case-engagement{max-width:68ch}.case-links{grid-column:auto;margin-top:10px}}@keyframes thumb-rise{0%{opacity:0;transform:translateY(44px)scale(.96)}}@keyframes text-rise{0%{opacity:0;transform:translateY(18px)}}@media (min-width:768px){html[data-intro] .thumbs li{animation:thumb-rise .9s var(--ease) calc(.1s + var(--i,0) * 70ms) both}html[data-intro] .case-text>*{animation:text-rise .62s var(--ease) .7s both}html[data-intro] .case-text>:nth-child(2){animation-delay:.78s}html[data-intro] .case-text>:nth-child(3){animation-delay:.86s}html[data-intro] .case-text>:nth-child(4){animation-delay:.94s}}@media (prefers-reduced-motion:reduce){html[data-intro] :is(.thumbs li,.case-text>*){animation:none}}::selection{background:var(--highlight);color:var(--ink)}.ask-field textarea{caret-color:var(--azure)}.ask-field textarea.is-empty{caret-color:#0000}.ask-ghost{color:var(--muted);white-space:nowrap;pointer-events:none;font-size:18px;line-height:1.3;position:absolute;top:28px;left:20px;right:100px;overflow:hidden}.ask-caret{vertical-align:-.2em;background:var(--azure);width:2px;height:1.15em;margin-left:1px;animation:1.1s step-end infinite caret-blink;display:inline-block}@keyframes caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.ask-caret{animation:none}}@media (max-width:767px){.key-site{position:relative}.key-site:after{content:"";position:absolute;inset:-12px -14px}}.frame-note{cursor:default;margin:0;padding-block:8px;display:block}.frame-note:hover{color:var(--ink)}.frame-note a{color:var(--azure);text-underline-offset:3px;text-decoration:underline}.frame-note a:hover{color:var(--ink)}.frame-name{letter-spacing:-.01em;white-space:normal;text-align:left;max-width:min(400px,100vw - 230px);font-size:18px;line-height:1.2}@media (min-width:640px){.frame-note{padding-block:4px}}@media (max-width:639px){:root{--bar-top:72px}.frame-name{max-width:calc(100vw - 118px);font-size:15px;line-height:1.25}}.wall-page{flex:1;min-height:0;position:relative}@media (max-width:1023px){.wall-page{height:calc(100dvh - var(--bar-top) - var(--bar-bottom) - 32px);flex:none}}.wall{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;-webkit-mask-composite:source-in;position:absolute;inset:0;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 40px calc(100% - 40px),#0000),linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(#0000,#000 40px calc(100% - 40px),#0000),linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.wall[data-drag]{cursor:grabbing}.wall[data-open]{cursor:zoom-out}.field{transform-origin:0 0;position:absolute;top:0;left:0}.field-copy{position:absolute}.field-item{transition:opacity .42s var(--ease), filter .42s var(--ease);position:absolute}.field-item[data-state=near]{opacity:.55;filter:blur(3px);cursor:pointer}.field-item[data-state=off]{opacity:0;pointer-events:none}.field-pic{background:var(--bg);isolation:isolate;width:100%;cursor:inherit;font:inherit;border:0;border-radius:0;padding:0;display:block;position:relative;overflow:hidden}.field-pic img{object-fit:cover;mix-blend-mode:multiply;-webkit-user-drag:none}.field-cap{gap:2px;padding-top:10px;display:grid}.field-name{margin:0;font-size:15px;font-weight:500}.field-byline{color:var(--muted);margin:0 0 4px;font-size:14px}.field-cta{color:var(--azure);text-underline-offset:3px;cursor:pointer;-webkit-user-drag:none;justify-self:start;align-items:center;gap:6px;font-size:15px;font-weight:500;text-decoration:underline;display:inline-flex}.field-cta:hover{color:var(--ink)}.field-item:not([data-state=on]) .field-cap{transition:opacity .3s var(--ease)}.wall[data-open] .field-item[data-state=near] .field-cap{opacity:0}.field-close{right:calc(var(--pad) - 12px);bottom:calc(var(--bar-bottom) + 6px);z-index:60;min-height:32px;font:500 14px/1 var(--font-sans), sans-serif;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0 12px;position:fixed}.field-close:hover{color:var(--azure)}.key-guide{left:var(--pad);right:var(--pad);bottom:calc(var(--bar-bottom) + 10px);z-index:60;pointer-events:none;animation:keys-in .36s var(--ease) .22s both;justify-content:center;align-items:center;gap:56px;display:flex;position:fixed}.key-guide>*{pointer-events:auto}.key-guide-inline{bottom:auto;left:0;right:0;top:calc(var(--guide-y,94%) - var(--key) / 2);z-index:3;position:absolute}@keyframes keys-in{0%{opacity:0;transform:translateY(8px)}}.key-row{color:var(--ink);align-items:center;gap:14px;font:400 15px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;display:flex}.key-row span{margin-left:6px}:root{--key:44px}.key-chip{min-width:var(--key);height:var(--key);background:var(--bg-alt);color:var(--muted);cursor:pointer;border:0;border-radius:0;place-items:center;padding:0 14px;font:500 18px/1 ui-monospace,SF Mono,Menlo,Consolas,monospace;transition:background .12s,color .12s,transform .12s;display:grid}.key-chip:hover{color:var(--ink)}.key-chip[data-hit]{background:var(--ink);color:var(--bg);transform:translateY(1px)}@media (hover:none){.key-guide{display:none}}@media (hover:hover){.field-close,.lb-bar{display:none}}html[data-zoom] .corner,html[data-zoom] .frame-bar{filter:blur(6px);opacity:.4}.corner,.frame-bar{transition:opacity .42s var(--ease), filter .42s var(--ease)}@media (prefers-reduced-motion:reduce){.wall{touch-action:auto;animation:none;overflow:auto;-webkit-mask-image:none;mask-image:none}.field-copy[aria-hidden]{display:none}}img,a{-webkit-touch-callout:none;-webkit-user-drag:none}@media (max-width:639px){html[data-short]{--bar-top:56px;--pin-gap:12px}}@media (max-width:1023px){html[data-plain] .frame-bar-top{height:var(--bar-top);background:var(--bg);top:0}html[data-plain] .frame-bar-bottom{height:calc(var(--bar-bottom) + env(safe-area-inset-bottom));background:var(--bg);bottom:0}}@media (max-width:639px){.transport{gap:8px;padding:10px 0}.transport>.tr-seg:nth-child(3){flex:1 1 0;order:2;min-width:0}.transport>.tr-seg:nth-child(3) .lcd{width:100%}.transport .lcd .ro:not(.studio-only){flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;width:100%;min-height:44px;padding:0 12px}.transport .lcd .ro:not(.studio-only) .ro-label{order:-1;font-size:12px}.transport .tr-right{order:3;margin-left:0}.transport>[data-hint=mode]{flex:1 0 100%;order:4;gap:0;display:flex}.transport>[data-hint=mode] .cell{flex:1;justify-content:center}}.b-head h2,.b-title{color:var(--ink);font-size:13px;font-weight:500}.b-head{margin-bottom:2px}.b-head+.b-intro{margin:0 0 18px}.browser .b-mode:not(.b-kits){margin-bottom:28px}.browser .b-mode:not(.b-kits) .b-mode-name{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:400}.browser .b-kits{border-top:1px solid var(--rule);padding-top:20px}.browser .b-kits .b-title{margin-bottom:2px}.browser .b-kits .b-intro{margin:0 0 14px}.b-btn{min-height:40px}@media (max-width:1023px){.browser .b-mode:not(.b-kits){margin-bottom:22px}}@media (hover:hover){.lb-track{--slide:min(74vw, calc((100dvh - 190px) * 4 / 3))}}@media (max-width:400px){.transport .lcd .ro:not(.studio-only) .ro-label{display:none}.transport .lcd .ro:not(.studio-only){padding:0 10px}}:root{--name-lh:21.6px}.corner-tl{padding-top:calc(var(--bar-top) / 2 - var(--name-lh) / 2);align-items:flex-start}.frame-name{min-height:0}.frame-note{padding-block:0}@media (max-width:639px){:root{--name-lh:18.75px}}.cover-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.info-clip{aspect-ratio:6/5;background:var(--bg-alt);object-fit:cover;width:220px;max-width:100%;margin:22px 0 0;display:block}@media (max-width:639px){.info-clip{width:150px}}@keyframes field-in{0%{opacity:0;transform:translateY(6px)}}:is(html[data-intro],html[data-enter]) .field-item>*{animation:field-in .76s var(--ease) calc(var(--base,0s) + .12s + var(--d,0s)) both}@keyframes wall-off{to{opacity:0}}.wall{view-transition-name:wall}::view-transition-group(wall){animation:none}::view-transition-old(wall){animation:.26s cubic-bezier(.4,0,1,1) both wall-off}::view-transition-new(wall){animation:none}@media (prefers-reduced-motion:reduce){:is(html[data-intro],html[data-enter]) .field-item>*{animation:none}::view-transition-old(wall){animation:none}}.work-msg-slot{flex:0 0 var(--tile-w);aspect-ratio:4/3;margin-right:calc(var(--tile-w) * -1);pointer-events:none;align-self:flex-start;position:relative}.work-msg{border-radius:var(--radius);pointer-events:auto;width:64px;height:64px;transition:transform .22s var(--ease), box-shadow .22s var(--ease);background:#fff;place-items:center;display:grid;position:absolute;bottom:0;left:0}.work-msg-dots{align-items:center;gap:4px;display:flex}.work-msg-dots i{background:var(--azure);opacity:.35;border-radius:50%;width:5px;height:5px;animation:1.3s ease-in-out infinite msg-dot;display:block}.work-msg-dots i:nth-child(2){animation-delay:.18s}.work-msg-dots i:nth-child(3){animation-delay:.36s}@keyframes msg-dot{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.work-msg-badge{border:2px solid var(--bg);box-sizing:content-box;background:#a8d0fa;border-radius:50%;width:10px;height:10px;position:absolute;top:-5px;right:-5px;transform:translate(0)}.work-msg:hover,.work-msg:focus-visible{transform:translateY(-2px);box-shadow:0 6px 16px #0000000f}:is(html[data-intro],html[data-enter]) .work-msg{animation:rise .42s var(--ease) calc(var(--base,0s) + .7s) both}@media (max-width:1023px){.work-msg-slot{aspect-ratio:auto;flex:0 0 100%;justify-content:center;align-self:center;margin:6px 0 0;display:flex}.work-msg{width:56px;height:56px;position:static}}@media (prefers-reduced-motion:reduce){:is(html[data-intro],html[data-enter]) .work-msg{animation:none}.work-msg-dots i{opacity:.6;animation:none}}html[data-page=loops]{--pin-gap:0px}@media (min-width:1024px){html[data-page=loops] .transport{margin-top:-6px}}.g-tools{z-index:2;background:var(--bg);align-items:center;gap:8px;padding:2px 0 10px;display:flex;position:static}.g-chips{scrollbar-width:none;flex:1;gap:6px;min-width:0;display:flex;overflow-x:auto}.g-chips::-webkit-scrollbar{display:none}.g-chips .cell{flex:none}.g-view{flex:none;margin-left:auto;display:flex}.g-view .cell{border-radius:0;width:44px;padding:0}.g-view .cell+.cell{box-shadow:inset 1px 0 0 var(--rule)}.g-view .cell[aria-pressed=true]+.cell{box-shadow:none}.g-view svg{fill:currentColor;width:16px;height:16px}@media (min-width:1024px){.g-view .cell{width:36px}}.g-list[data-view=grid]{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px;padding-bottom:16px;display:grid}@container gallery (min-width:560px){.g-list[data-view=grid]{grid-template-columns:repeat(3,minmax(0,1fr))}}.g-card{flex-direction:column;gap:8px;min-width:0;display:flex;position:relative}.g-art{aspect-ratio:1;background:var(--bg-alt);position:relative}.g-card[data-current=true] .g-art{box-shadow:inset 0 0 0 2px var(--ink)}.g-art-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.g-art-circles{place-items:center;gap:6px;display:grid;position:absolute;inset:10px}.g-art-circles[data-n="1"]{grid-template-columns:minmax(0,1fr)}.g-art-circles:not([data-n="1"]){grid-template-columns:repeat(2,minmax(0,1fr))}.g-art-circles[data-n="3"] .circle:nth-child(3){grid-column:1/-1;width:calc(50% - 3px)}.g-art-circles .circle{width:100%;height:auto;max-height:100%;display:block}.g-art .seg-step{fill:color-mix(in srgb, var(--ink) 10%, var(--bg-alt))}.g-art .seg-step[data-v="1"]{fill:color-mix(in srgb, var(--azure) 45%, var(--bg-alt))}.g-art .seg-step[data-v="2"]{fill:var(--azure)}.g-pp{width:32px;height:32px;color:var(--bg);background:var(--ink);border-radius:var(--radius);pointer-events:none;place-items:center;display:grid;position:absolute;bottom:8px;left:8px}.g-card[data-playing=true] .g-pp{background:var(--azure);color:#fff}.g-card .cell.g-open{background:var(--bg);min-height:32px;padding:0 10px;font-size:12px;position:absolute;top:6px;right:6px}.g-card .cell.g-open:after{content:"";position:absolute;inset:-6px}.g-card .g-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.25;display:-webkit-box;overflow:hidden}.g-meta{color:var(--muted);margin-top:2px;font-size:12px}.g-card .g-remix{margin-top:2px;padding:4px 0;display:block}.g-card .g-remix-plain{margin-top:2px}@container gallery (min-width:900px){.g-list[data-view=grid]{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px 16px}.g-card{grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;display:grid}.g-art-circles{gap:3px;inset:5px}.g-art-circles[data-n="3"] .circle:nth-child(3){width:calc(50% - 2px)}.g-pp{width:22px;height:22px;bottom:4px;left:4px}.g-pp svg{width:9px;height:9px}.g-info{padding-right:52px}.g-card .g-title{-webkit-line-clamp:1}.g-card .cell.g-open{min-height:28px;top:calc(50% - 14px)}}.gallery{min-width:0}:is(html[data-intro],html[data-enter]) .home .work-item,.home.reveal .work-item{animation:1.5s cubic-bezier(.45,0,.25,1) both tile-wave;animation-delay:calc(var(--base,0s) + 2s + var(--i,0) * .2s)}@keyframes tile-wave{0%{transform:translate(0,0)}32%{transform:translateY(-18px)}66%{transform:translateY(5px)}to{transform:translate(0,0)}}@media (prefers-reduced-motion:reduce){.home .work-item{animation:none!important}}.gallery{container:gallery/inline-size}@container gallery (max-width:899px){.g-row{grid-template-columns:auto minmax(0,1fr) auto;row-gap:8px}.g-labels{grid-area:2/2}.strip{grid-area:3/1/auto/-1}.cell.g-open{grid-area:1/3}}.g-head{align-items:flex-start;padding:8px 0 10px}.g-heading{min-width:0}.g-head h2{font-size:13px;font-weight:500;line-height:1.4}.g-count{color:var(--muted);margin-left:8px;font-weight:400}.g-desc{max-width:44ch;color:var(--muted);margin-top:2px;font-size:13px;line-height:1.4}.g-tools{flex-wrap:wrap;row-gap:8px}.g-search{flex:160px;order:1;min-width:0;position:relative}.g-view{order:2}.g-chips{flex:1 0 100%;order:3}.g-search svg{width:14px;height:14px;color:var(--muted);fill:currentColor;pointer-events:none;margin-top:-7px;position:absolute;top:50%;left:12px}.g-search input{width:100%;min-height:44px;font:inherit;color:var(--ink);background:var(--bg-alt);border-radius:var(--radius);appearance:none;border:0;padding:0 12px 0 34px;font-size:16px}.g-search input::placeholder{color:var(--muted)}.g-search input:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.g-search input::-webkit-search-cancel-button{cursor:pointer}.g-clear{font:inherit;color:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}@container gallery (min-width:900px){.g-chips{flex:auto;order:2}.g-search{flex:0 240px}.g-view{order:3}}@media (min-width:1024px){.g-search input{min-height:32px;font-size:13px}}@media (min-width:1024px) and (max-width:1279px){.g-head{align-items:center;padding:6px 0}.g-heading{align-items:baseline;gap:14px;display:flex}.g-desc{margin-top:0}}@media (max-width:1023px),(min-width:1280px){.g-handle{display:none}}@media (min-width:1280px){.daw,.daw[data-sized=true],.daw[data-collapsed=true]{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) clamp(320px,26vw,420px);gap:14px 28px;--gh:0px!important}.daw>.transport{grid-area:1/1}.daw>.daw-mid{grid-area:2/1}.daw>.gallery{border-top:0;border-left:1px solid var(--rule);grid-area:1/2/-1;min-height:0;padding-left:24px;overflow:hidden}.gallery .g-body{padding-right:4px}}@media (min-width:1024px){.g-chips .cell{padding:0 10px}}.g-row .strip{scrollbar-width:none;overscroll-behavior-x:contain;min-width:0;overflow-x:auto}.g-row .strip::-webkit-scrollbar{display:none}@media (min-width:1024px){.g-tools{position:sticky;top:0}}.g-head .cell{width:44px;padding:0}.g-head .cell svg{transition:transform .16s ease-out}.g-head .cell[data-open=true] svg{transform:rotate(180deg)}.cell.g-toggle{width:32px;padding:0}.cell.g-toggle svg,.cell svg{flex:none}.g-toggle svg{transition:transform .16s ease-out}.g-toggle[data-open=false] svg{transform:rotate(180deg)}@media (min-width:1024px){.g-head .cell{display:none}.daw[data-collapsed=true]{grid-template-rows:auto minmax(0,1fr);--gh:0px!important}.daw[data-collapsed=true]>.gallery{display:none}}@media (min-width:1280px){.daw[data-collapsed=true]{grid-template-columns:minmax(0,1fr)}.g-toggle[data-open=true] svg{transform:rotate(-90deg)}.g-toggle[data-open=false] svg{transform:rotate(90deg)}}.bullets,.case-brief ul.bullets{padding-left:14px}.bullets li{list-style:outside}.bullets li::marker{color:var(--muted);font-size:.8em}@media (max-width:1023px){.work-msg-slot{display:none}}.case-timeline{margin-top:18px}.case-timeline p:not(.case-label){margin:0}@media (max-width:767px){.thumbs li:first-child{display:none}}html:has(.lost){--bg:var(--azure);--bg-alt:#ffffff24;--ink:#fff;--muted:#ffffffc7;--rule:#fff6;background:var(--azure)}html:has(.lost) body{background:var(--azure)}html:has(.lost) .stage{background:var(--azure)}html:has(.lost) .lost a{color:#fff;text-underline-offset:3px;text-decoration:underline}.ask-head{justify-content:flex-end;padding-bottom:0}.ask-card{background:var(--bg-alt);flex-direction:column;display:flex}.ask-card .ask-head{flex:none;justify-content:flex-end;padding:10px 16px 0}.ask-card .ask-list{background:0 0;flex:1;min-height:0;padding:16px 16px 12px}.ask-card .ask-form{flex:none;gap:0;padding:0 12px 12px}.ask-card .ask-form .ask-suggest{padding:0 4px 10px}.ask-card .ask-field{background:var(--bg);border-radius:var(--radius);box-shadow:none;outline:1px solid var(--rule);outline-offset:-1px}.ask-card .ask-field:focus-within{outline:2px solid var(--azure);outline-offset:-2px}.ask-card .ask-field textarea{min-height:92px;max-height:160px;padding:14px 64px 14px 14px;font-size:16px;line-height:1.4}.ask-card .ask-ghost{font-size:16px;line-height:1.4;top:14px;left:14px;right:64px}.ask-card .ask-send{color:#fff;background:var(--azure);width:40px;height:40px;bottom:10px;right:10px}.ask-card .ask-send svg{width:18px;height:18px}.ask-card .ask-send:hover:not(:disabled){background:color-mix(in srgb, var(--azure) 84%, #000)}.ask-card .ask-send:disabled{color:#fff;background:var(--azure);opacity:.35}.ask-card .ask-count{inset:auto auto 10px 14px}.ask-card:after{display:none}