.cassette-hero{cursor:pointer;width:100%;min-width:min(100%,17rem);max-width:38rem;text-align:inherit;background:0 0;border:0;margin-inline:auto;padding:0}@media (width>=960px){.cassette-hero{justify-self:end;width:min(100%,42rem);max-width:42rem}}@media (width>=1600px){.cassette-hero{width:min(100%,52rem);max-width:52rem}}@media (width>=1920px){.cassette-hero{width:min(100%,58rem);max-width:58rem}}.cassette-art{width:100%;position:relative;overflow:visible}.cassette-body{width:100%;height:auto;transition:transform .22s var(--ease);display:block;overflow:visible}.cassette-hero:hover .cassette-body,.cassette-hero:focus-within .cassette-body{transform:translate(-2px,-3px)}.cassette-reel-teeth{transform-origin:0 0;animation:8s linear infinite reel-spin}.cassette-reel-boost{transform-origin:0 0;animation:5s linear infinite paused reel-spin}.cassette-hero:hover .cassette-reel-boost,.cassette-hero:focus-within .cassette-reel-boost{animation-play-state:running}.cassette-tape-path{stroke-dasharray:5 12;animation:4s linear infinite tape-drift}.cassette-label-track{transform-box:view-box;transform-origin:0 0;transition:transform .48s cubic-bezier(.22,1,.36,1)}.cassette-label-track.is-instant{transition:none}.cassette-label-item{fill:var(--cyan);font-family:var(--font-display);letter-spacing:.4px;font-size:15px}@keyframes reel-spin{to{transform:rotate(360deg)}}@keyframes tape-drift{to{stroke-dashoffset:-34px}}@media (prefers-reduced-motion:reduce){.cassette-body{transition:none}.cassette-hero:hover .cassette-body,.cassette-hero:focus-within .cassette-body{transform:none}.cassette-reel-teeth,.cassette-reel-boost,.cassette-tape-path{animation:none}.cassette-label-track{transition:none}}.demo-tape-row{scrollbar-gutter:stable;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.15rem;margin-inline:-.25rem;padding:.85rem .25rem 1.35rem;scroll-padding-inline:1.25rem;display:flex;overflow-x:auto}.demo-tape-row::-webkit-scrollbar{display:none}.demo-tape-snap{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%}.demo-tape-snap .demo-tape{max-width:20rem;margin-inline:auto}.demo-dots{justify-content:center;gap:.35rem;margin-top:.75rem;display:flex}.demo-dot{background:0 0;border:0;place-items:center;width:1.5rem;height:1.5rem;padding:0;display:grid}.demo-dot:after{content:"";border:2px solid var(--line);background:var(--cream);width:.7rem;height:.7rem;transition:background .16s var(--ease), transform .16s var(--ease);border-radius:999px}.demo-dot.is-active:after{background:var(--accent);transform:scale(1.25)}.demo-dot:focus-visible{outline:3px solid var(--accent);border-radius:999px}@media (width>=960px){.demo-dots{display:none}.demo-tape-row{scrollbar-gutter:auto;justify-content:center;padding-bottom:1.1rem;overflow:visible}.demo-tape-snap{flex:1 1 0;max-width:22rem}.demo-tape-snap .demo-tape{max-width:none}}.demo-tape{text-align:left;width:100%;color:var(--ink);-webkit-text-fill-color:currentColor;background:0 0;border:0;gap:.7rem;padding:0;display:grid}.demo-tape-art{width:100%;display:block}.demo-tape.is-open .demo-tape-art{visibility:hidden}.demo-cassette{transform-origin:50% 55%;width:100%;transition:transform .22s var(--ease);position:relative;overflow:visible;container-type:inline-size}.demo-tape--cream .demo-cassette{transform:rotate(-1.6deg)}.demo-tape--cyan .demo-cassette{transform:rotate(1.2deg)}.demo-tape--navy .demo-cassette{transform:rotate(-.7deg)}.demo-tape:hover .demo-cassette,.demo-tape:focus-visible .demo-cassette{transform:rotate(0)translate(-2px,-4px)}.demo-cassette-svg{width:100%;height:auto;filter:drop-shadow(5px 6px 0 var(--navy));display:block}.demo-reel-hub{transform-origin:0 0;animation:8s linear infinite paused demo-reel-spin}.demo-tape:hover .demo-reel-hub,.demo-tape:focus-visible .demo-reel-hub,.demo-overlay.is-opening .demo-reel-hub{animation-play-state:running}@keyframes demo-reel-spin{to{transform:rotate(360deg)}}.demo-cassette-label{align-items:center;gap:.55rem;height:28%;display:flex;position:absolute;top:16%;left:14%;right:12%}.demo-cassette-mark{border:2px solid var(--dc-tile-line,var(--navy));background:var(--dc-tile,var(--cream));width:clamp(2.05rem,12cqi,2.7rem);height:clamp(2.05rem,12cqi,2.7rem);color:var(--dc-mark,#1b2a4a);border-radius:.7rem;flex:0 0 clamp(2.05rem,12cqi,2.7rem);place-items:center;padding:.2rem;display:grid}.demo-cassette-mark svg{width:100%;height:100%}.demo-cassette-copy{gap:.12rem;min-width:0;display:grid}.demo-cassette-kicker{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--dc-kicker,var(--navy));font-size:clamp(.58rem,3.4cqi,.7rem);font-weight:700}.demo-cassette-title{font-family:var(--font-display);color:var(--dc-title,var(--navy));font-size:clamp(.84rem,5cqi,1.12rem);line-height:1.12;overflow:hidden}.demo-tape-blurb{color:var(--ink-soft);padding-inline:.35rem;font-size:.88rem;font-weight:600;display:block}.demo-tape-play{border:2px solid var(--line);background:var(--cream);color:var(--ink);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;transition:background .16s var(--ease), transform .16s var(--ease);border-radius:999px;justify-self:start;align-items:center;gap:.4rem;margin-inline:.35rem;padding:.28rem .7rem .28rem .55rem;font-size:.72rem;font-weight:700;display:inline-flex}.demo-tape-play svg{fill:currentColor;width:.7rem;height:.7rem}.demo-tape:hover .demo-tape-play,.demo-tape:focus-visible .demo-tape-play{background:var(--accent);transform:translate(2px)}.demo-tape:focus-visible{outline:3px solid var(--accent);outline-offset:6px;border-radius:var(--radius-sm)}.demo-tape-row{border:3px solid var(--line);border-radius:var(--radius);background:radial-gradient(color-mix(in srgb, var(--navy) 16%, transparent) 1px, transparent 1.2px) 0 0 / 14px 14px, var(--bg-deep);margin-inline:0;padding:1.5rem 1.25rem 1.6rem;position:relative}@media (width>=960px){.demo-tape-row{padding:2.25rem 2rem 2rem}}.demo-overlay{z-index:80;pointer-events:none;position:fixed;inset:0}.demo-overlay.is-closing{z-index:30}.demo-overlay>*{pointer-events:auto}.demo-overlay>.demo-split{pointer-events:none}.demo-overlay-backdrop{z-index:0;cursor:pointer;opacity:0;background:#0c101c9e;position:absolute;inset:0}.demo-overlay.is-opening .demo-overlay-backdrop{animation:.36s both demo-fade-in}.demo-overlay.is-open .demo-overlay-backdrop{opacity:1}.demo-overlay.is-closing .demo-overlay-backdrop{animation:.42s both demo-fade-out}.demo-split{z-index:3;position:fixed;overflow:visible}.demo-overlay.is-closing .demo-split{z-index:4}.demo-tape-half{will-change:transform, opacity;position:absolute;inset:0}.demo-tape-half .demo-cassette{transform:none}.demo-tape-half .demo-cassette-svg{filter:none}.demo-crack{z-index:5;width:93.3333%;max-width:none;height:89.7196%;color:var(--navy);pointer-events:none;position:absolute;top:4.6729%;left:3.33333%;overflow:visible}.demo-crack-path{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:miter;stroke-linecap:square;vector-effect:non-scaling-stroke}.demo-overlay.is-opening .demo-crack{animation:.38s ease-out forwards demo-crack-reveal}.demo-overlay.is-open .demo-crack,.demo-overlay.is-closing .demo-crack{opacity:0}.demo-overlay.is-opening .demo-tape-half--top{animation:.55s cubic-bezier(.22,1,.36,1) .38s both demo-lid-top}.demo-overlay.is-opening .demo-tape-half--bottom{animation:.55s cubic-bezier(.22,1,.36,1) .38s both demo-lid-bottom}.demo-overlay.is-open .demo-tape-half{opacity:0}.demo-overlay.is-closing .demo-tape-half--top{animation:.5s cubic-bezier(.22,1,.36,1) reverse both demo-lid-top}.demo-overlay.is-closing .demo-tape-half--bottom{animation:.5s cubic-bezier(.22,1,.36,1) reverse both demo-lid-bottom}.demo-stage{z-index:2;background:var(--cream);opacity:0;grid-template-rows:minmax(0,1fr);display:grid;position:fixed;inset:0;overflow:hidden}.demo-overlay.is-opening .demo-stage{animation:.42s cubic-bezier(.22,1,.36,1) .42s both demo-stage-in}.demo-overlay.is-open .demo-stage,.demo-overlay.is-reduced .demo-stage{opacity:1}.demo-overlay.is-closing .demo-stage{animation:.28s both demo-fade-out}.demo-overlay-close{right:max(1rem, env(safe-area-inset-right));bottom:max(1rem, env(safe-area-inset-bottom));z-index:8;border:3px solid var(--line);background:var(--cyan);width:3.4rem;height:3.4rem;color:var(--navy);-webkit-text-fill-color:currentColor;box-shadow:4px 4px 0 var(--navy);cursor:pointer;border-radius:50%;place-items:center;margin:0;padding:0;display:grid;position:absolute}.demo-overlay-close:hover,.demo-overlay-close:focus-visible{background:var(--cyan-deep);color:var(--cream)}.demo-overlay-close:focus-visible{outline:3px solid var(--navy);outline-offset:3px}.demo-overlay-close svg{width:1.35rem;height:1.35rem;display:block}@media (width>=900px){.demo-overlay-close{right:max(1.5rem, env(safe-area-inset-right));bottom:max(1.5rem, env(safe-area-inset-bottom));width:4.75rem;height:4.75rem}.demo-overlay-close svg{width:1.85rem;height:1.85rem}}.demo-stage-scroll{background:#fff;min-height:0;overflow:auto}.demo-skeleton{gap:1.25rem;padding:1.5rem;display:grid}.demo-skeleton-nav,.demo-skeleton-hero,.demo-skeleton-row span{background:color-mix(in srgb, var(--navy) 10%, #fff);border-radius:12px;display:block}.demo-skeleton-nav{height:3rem}.demo-skeleton-hero{height:min(42vh,18rem)}.demo-skeleton-row{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.demo-skeleton-row span{height:7rem}@keyframes demo-crack-reveal{0%{clip-path:inset(0 100% 0 0);opacity:1}92%{clip-path:inset(0);opacity:1}93%,to{clip-path:inset(0);opacity:0}}@keyframes demo-lid-top{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-46%)rotate(-3.5deg)}}@keyframes demo-lid-bottom{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(48%)rotate(3.5deg)}}@keyframes demo-stage-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes demo-fade-in{0%{opacity:0}to{opacity:1}}@keyframes demo-fade-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.demo-reel-hub,.demo-tape-half,.demo-crack,.demo-stage,.demo-overlay-close,.demo-overlay-backdrop,.demo-tape:hover .demo-cassette{transition:none;animation:none}}.mixer-cassette-svg{width:100%;min-width:min(100%,16rem);max-width:36rem;height:auto;display:block;overflow:visible}.mixer-cassette-body{transform-box:fill-box;transform-origin:50% 92%}.mixer-cassette-svg.is-full{overflow:visible}.mixer-cassette-svg.is-full .mixer-cassette-body{animation:2.6s ease-in-out infinite mixer-dance}@keyframes mixer-dance{0%,to{transform:rotate(0)translateY(0)}30%{transform:rotate(-7deg)translateY(-5px)}70%{transform:rotate(7deg)translateY(-5px)}}.mixer-reel-teeth{transform-origin:0 0}.mixer-cassette-svg.is-playing .mixer-reel-teeth{animation:7s linear infinite mixer-reel-spin}.mixer-tape-path{stroke-dasharray:none}.mixer-cassette-svg.is-tape .mixer-tape-path{stroke-dasharray:6 8;animation:3.2s linear infinite mixer-tape-drift}@keyframes mixer-reel-spin{to{transform:rotate(360deg)}}@keyframes mixer-tape-drift{to{stroke-dashoffset:-28px}}.mixer-note{transform-box:fill-box;transform-origin:bottom}.mixer-note--a{animation:2.4s ease-in-out infinite mixer-note-float}.mixer-note--b{animation:2.8s ease-in-out .35s infinite mixer-note-float}.mixer-note--c{animation:2.2s ease-in-out .7s infinite mixer-note-float}@keyframes mixer-note-float{0%{opacity:0;transform:translateY(10px)rotate(-12deg)scale(.7)}18%{opacity:1}70%{opacity:1}to{opacity:0;transform:translate(10px,-26px)rotate(14deg)scale(1)}}@media (prefers-reduced-motion:reduce){.mixer-cassette-svg.is-playing .mixer-reel-teeth,.mixer-cassette-svg.is-tape .mixer-tape-path,.mixer-cassette-svg.is-full .mixer-cassette-body,.mixer-note--a,.mixer-note--b,.mixer-note--c{animation:none}.mixer-note{opacity:1}}.mixer{--mixer-pad:clamp(1.15rem, 3vw, 1.75rem);--mixer-inner-radius:calc(var(--radius) - 3px);box-shadow:var(--shadow-lg);grid-template-areas:"controls""deck""result";padding:0;display:grid;overflow:visible}@media (width>=960px){.mixer{grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);grid-template-areas:"deck controls""result result"}}.mixer-controls{padding:var(--mixer-pad);grid-area:controls;align-content:center;gap:1.75rem;display:grid}.mixer-group{border:0;min-width:0;margin:0;padding:0}.mixer-legend{float:none;width:100%;color:var(--ink);font-family:var(--font-display);align-items:center;gap:.6rem;margin-bottom:.85rem;padding:0;font-size:1.1rem;line-height:1.2;display:flex}.mixer-step{border:2.5px solid var(--line);background:var(--cream);width:1.7rem;height:1.7rem;color:var(--ink);font-family:var(--font-mono);transition:background .16s var(--ease);border-radius:50%;flex:0 0 1.7rem;place-items:center;font-size:.8rem;font-weight:700;display:grid}.mixer-group.is-set .mixer-step{background:var(--accent);color:#1b2a4a}.mixer-step svg{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16;width:1.05rem;height:1.05rem;animation:mixer-tick .32s var(--ease) both}@keyframes mixer-tick{0%{stroke-dashoffset:16px}}.mixer-toggles{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=640px){.mixer-toggles{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}}.mixer-toggles li{display:flex}.mixer-toggle{border:2.5px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);width:100%;color:var(--ink);-webkit-text-fill-color:currentColor;text-align:left;transition:transform .16s var(--ease), box-shadow .16s var(--ease), background .16s var(--ease);grid-template-columns:auto 1fr;align-items:start;gap:.7rem;padding:.8rem .9rem;display:grid;box-shadow:3px 3px #0000}@media (width>=640px){.mixer-toggle{grid-template-columns:1fr;align-content:start;gap:.55rem;padding:.9rem .95rem 1rem}}.mixer-toggle:hover{box-shadow:3px 3px 0 var(--line);transform:translate(-1px,-1px)}.mixer-toggle.is-active{background:var(--toggle-active);box-shadow:3px 3px 0 var(--line)}.mixer-toggle-dot{border:2px solid var(--line);background:var(--cream);width:1.05rem;height:1.05rem;transition:box-shadow .16s var(--ease), background .16s var(--ease);border-radius:50%;margin-top:.1rem}.mixer-toggle.is-active .mixer-toggle-dot{background:var(--navy);box-shadow:inset 0 0 0 3px var(--cyan)}.mixer-toggle-text{gap:.2rem;display:grid}.mixer-toggle strong{color:var(--ink);-webkit-text-fill-color:currentColor;font-size:.97rem;line-height:1.25}.mixer-toggle small{color:var(--ink-soft);font-size:.84rem;line-height:1.35}.mixer-deck{--deck-screen:#1b2a4a;padding:var(--mixer-pad);border-block:3px solid var(--line);background:radial-gradient(color-mix(in srgb, var(--navy) 16%, transparent) 1px, transparent 1.2px) 0 0 / 14px 14px, var(--bg-deep);grid-area:deck;grid-template-rows:auto 1fr auto;gap:1rem;display:grid}html.theme-dark .mixer-deck{--deck-screen:#08050d}@media (width>=960px){.mixer-deck{border-block:0;border-right:3px solid var(--line);border-radius:var(--mixer-inner-radius) 0 0 0}}.mixer-deck-label{color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0;font-size:.72rem;font-weight:700;display:flex}.mixer-deck-led{border:1.5px solid var(--line);background:var(--cream);width:.55rem;height:.55rem;transition:background .2s var(--ease), box-shadow .2s var(--ease);border-radius:50%}.mixer-deck-led.is-on{background:#ff5a4f;animation:1.4s ease-in-out infinite mixer-led;box-shadow:0 0 0 3px #ff5a4f40}@keyframes mixer-led{50%{opacity:.45}}.mixer-deck-well{place-items:center;min-height:0;padding:.75rem .5rem .25rem;display:grid}.mixer-deck-well .mixer-cassette-svg{width:100%;min-width:0;max-width:24rem}@media (width<=959px){.mixer-deck-well .mixer-cassette-svg{max-width:17rem}.mixer-deck{grid-template-rows:auto auto auto;justify-items:stretch}.mixer-display{justify-self:center;width:min(100%,26rem)}}.mixer-display{border:2.5px solid var(--line);border-radius:var(--radius-sm);background:var(--deck-screen);color:var(--cyan);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text count""meter meter";gap:.5rem .75rem;padding:.7rem .85rem .75rem;font-size:.78rem;font-weight:700;display:grid;box-shadow:inset 0 2px #00000040}html:not(.theme-dark) .mixer-display{color:#2ec4b6}.mixer-display-text{white-space:nowrap;text-overflow:ellipsis;grid-area:text;align-items:center;gap:.45rem;min-width:0;display:flex;overflow:hidden}.mixer-display-play{font-size:.7rem}.mixer-display-count{opacity:.75;grid-area:count}.mixer-meter{grid-area:meter;grid-template-columns:repeat(8,minmax(0,1fr));gap:3px;display:grid}.mixer-meter span{opacity:.18;height:5px;transition:opacity .24s var(--ease);transition-delay:calc(var(--i) * 30ms);background:currentColor;border-radius:2px}.mixer-meter span.is-lit{opacity:1}.mixer-meter span:nth-child(n+7).is-lit{color:#f5c451}.mixer.is-complete .mixer-meter span{animation:1.1s ease-in-out infinite alternate mixer-level;animation-delay:calc(var(--i) * -140ms)}@keyframes mixer-level{0%{opacity:1}to{opacity:.45}}.mixer-result{padding:var(--mixer-pad);border-radius:0 0 var(--mixer-inner-radius) var(--mixer-inner-radius);background:var(--cream);grid-area:result;gap:1.25rem;display:grid}@media (width>=960px){.mixer-result{border-top:3px solid var(--line);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) auto;align-items:start;gap:2rem}}.mixer-result-info{gap:.4rem;display:grid}.mixer-runtime{color:var(--cyan-deep);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.74rem;font-weight:700}.mixer-result-title{margin:0;font-size:clamp(1.35rem,2.4vw,1.6rem)}.mixer-summary{color:var(--ink-soft);margin:0}.mixer-result-bring{gap:.5rem;display:grid}.mixer-bring-label{color:var(--ink);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.mixer-bring{gap:.4rem;margin:0;padding:0;font-size:.93rem;list-style:none;display:grid}.mixer-bring li{color:var(--ink);animation:mixer-rise .26s var(--ease) both;grid-template-columns:1.1rem 1fr;gap:.5rem;display:grid}.mixer-bring li:nth-child(2){animation-delay:60ms}.mixer-bring li:nth-child(3){animation-delay:.12s}.mixer-bring li:before{content:"";border:2px solid var(--line);border-radius:3px;width:.8rem;height:.8rem;margin-top:.3em}@keyframes mixer-rise{0%{opacity:0;transform:translateY(4px)}}.mixer-bring-pending{border:2px dashed var(--hairline-strong);border-radius:var(--radius-sm);color:var(--ink-soft);margin:0;padding:.6rem .8rem;font-size:.9rem}.mixer-actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}@media (width>=960px){.mixer-actions{text-align:center;flex-direction:column;align-self:center;align-items:stretch;min-width:12.5rem}}.mixer-actions .btn:disabled{opacity:.45;box-shadow:none;cursor:not-allowed;transform:none}.mixer-reset{color:var(--ink-soft);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.9rem;font-weight:600;text-decoration:underline}.mixer-reset:hover{color:var(--ink)}@media (width<=639px){.mixer{--mixer-pad:1rem}.mixer-controls{gap:1.25rem}.mixer-legend{margin-bottom:.6rem;font-size:1rem}.mixer-toggles{gap:.45rem}.mixer-toggle{align-items:center;gap:.6rem;padding:.6rem .75rem}.mixer-toggle-text{gap:0}.mixer-toggle strong{font-size:.93rem}.mixer-toggle small{margin-top:.15rem;font-size:.8rem;display:none}.mixer-toggle.is-active small{display:block}.mixer-toggle:hover{transform:none;box-shadow:3px 3px #0000}.mixer-toggle.is-active:hover{box-shadow:3px 3px 0 var(--line)}.mixer-deck{gap:.6rem}.mixer-deck-well{padding:0}.mixer-deck-well .mixer-cassette-svg{max-width:12rem}.mixer-result{gap:1rem}.mixer-summary{font-size:.93rem}.mixer-bring-pending{display:none}.mixer-result-bring:has(.mixer-bring-pending){display:none}.mixer-actions{text-align:center;flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion:reduce){.mixer-step svg,.mixer-deck-led.is-on,.mixer.is-complete .mixer-meter span,.mixer-bring li{animation:none}}.jcard{border:3px solid var(--line);border-radius:var(--radius);background:var(--cream);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.jcard-head{border-bottom:3px solid var(--line);background:var(--navy);color:var(--cream);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.8rem 1.35rem;font-size:.72rem;font-weight:700;display:flex}.jcard-side{align-items:center;gap:.6rem;display:inline-flex}.jcard-side-pip{background:var(--accent);color:#1b2a4a;width:1.5rem;height:1.5rem;font-family:var(--font-display);letter-spacing:0;border-radius:50%;place-items:center;font-size:.8rem;display:grid}.jcard-meta{opacity:.8;align-items:center;gap:.75rem;display:inline-flex}.jcard-arrow{border:1.5px solid;border-radius:999px;padding:.15rem .55rem}.jcard-tracks{counter-reset:none;margin:0;padding:0;list-style:none;display:grid}@media (width>=900px){.jcard-tracks{grid-template-rows:repeat(4,auto);grid-template-columns:repeat(3,minmax(0,1fr))}}.jcard-track{--track:var(--cyan);transition:background-color .22s var(--ease);flex-direction:column;gap:.85rem;padding:1.5rem 1.35rem 1.6rem;display:flex;position:relative}.jcard-track--shopify{--track:var(--shopify-deep)}.jcard-track--last-mile{--track:var(--accent-deep)}.jcard-track+.jcard-track{border-top:2px dashed var(--hairline-strong)}@media (width>=900px){.jcard-track{padding:1.75rem 1.6rem 1.9rem}.jcard-track+.jcard-track{border-top:0;border-left:2px dashed var(--hairline-strong)}.jcard-track+.jcard-track:before{content:"";border:2.5px solid var(--line);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%231b2a4a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M6 3.5 10.5 8 6 12.5'/%3E%3C/svg%3E") center / .7rem no-repeat, var(--accent);border-radius:50%;width:1.3rem;height:1.3rem;position:absolute;top:2.05rem;left:-.72rem}}.jcard-track:hover,.jcard-track:focus-within{background:var(--row-tint)}.jcard-track-top{align-items:center;gap:.7rem;display:flex}.jcard-no{font-family:var(--font-display);color:var(--track);font-size:clamp(2.1rem,4vw,2.6rem);line-height:.9}.jcard-time{border:1.5px solid var(--hairline-strong);color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;margin-left:auto;padding:.2rem .55rem;font-size:.68rem;font-weight:700}.jcard-eq{align-items:flex-end;gap:3px;height:1.1rem;display:inline-flex}.jcard-eq span{background:var(--track);opacity:.45;transform-origin:bottom;border-radius:2px;width:4px;height:30%}.jcard-eq span:nth-child(2){height:55%}.jcard-eq span:nth-child(3){height:40%}.jcard-eq span:nth-child(4){height:70%}.jcard-track:hover .jcard-eq span,.jcard-track:focus-within .jcard-eq span{opacity:1;animation:.9s ease-in-out infinite alternate jcard-eq}.jcard-track:hover .jcard-eq span:nth-child(2),.jcard-track:focus-within .jcard-eq span:nth-child(2){animation-duration:.6s}.jcard-track:hover .jcard-eq span:nth-child(3),.jcard-track:focus-within .jcard-eq span:nth-child(3){animation-duration:.75s;animation-delay:-.3s}.jcard-track:hover .jcard-eq span:nth-child(4),.jcard-track:focus-within .jcard-eq span:nth-child(4){animation-duration:.5s;animation-delay:-.2s}@keyframes jcard-eq{0%{transform:scaleY(.35)}to{transform:scaleY(1.35)}}.jcard-title{align-items:center;gap:.75rem;display:flex}.jcard-icon{border:2.5px solid var(--line);background:var(--bg);width:3rem;height:3rem;color:var(--navy);box-shadow:3px 3px 0 var(--track);border-radius:.8rem;flex:0 0 3rem;place-items:center;padding:.3rem;display:grid}.jcard-icon a,.jcard-icon a:link,.jcard-icon a:visited{width:100%;height:100%;color:inherit;-webkit-text-fill-color:currentColor;place-items:center;display:grid}.jcard-icon svg{width:100%;height:100%}.jcard-title h3{margin:0;font-size:clamp(1.15rem,2vw,1.35rem);line-height:1.1}.jcard-body{color:var(--ink-soft);margin:0;font-size:.95rem}.jcard-points{border-top:1.5px solid var(--hairline);color:var(--ink);gap:.45rem;margin:auto 0 0;padding:.85rem 0 0;font-size:.88rem;line-height:1.4;list-style:none;display:grid}.jcard-points li{grid-template-columns:.9rem 1fr;gap:.55rem;display:grid}.jcard-points li:before{content:"";border:2px solid var(--track);border-radius:50%;width:.55rem;height:.55rem;margin-top:.38em}@media (width<=520px){.jcard{box-shadow:var(--shadow)}.jcard-head{padding:.7rem 1rem}.jcard-track{padding:1.3rem 1.05rem 1.4rem}}@media (prefers-reduced-motion:reduce){.jcard-track:hover .jcard-eq span,.jcard-track:focus-within .jcard-eq span{animation:none}}@media (width>=900px){.jcard-track{grid-row:span 4;grid-template-rows:subgrid;align-content:start;display:grid}.jcard-points{align-self:start;margin-top:0}}.work-showcase{gap:.75rem;display:grid}.work-carousel-tools{justify-content:flex-end;gap:.5rem;display:flex}.work-carousel-btn{border:3px solid var(--line);background:var(--cream);width:2.4rem;height:2.4rem;color:var(--navy);box-shadow:3px 3px 0 var(--navy);cursor:pointer;border-radius:10px;place-items:center;margin:0;padding:0;display:grid}.work-carousel-btn:hover:not(:disabled),.work-carousel-btn:focus-visible:not(:disabled){box-shadow:4px 4px 0 var(--navy);transform:translate(-1px,-1px)}.work-carousel-btn:disabled{opacity:.38;cursor:default;box-shadow:2px 2px 0 var(--navy)}.work-carousel-btn svg{width:1.05rem;height:1.05rem;display:block}.work-carousel-btn path{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:square;stroke-linejoin:miter}.work-grid{scroll-snap-type:none;scroll-behavior:auto;scrollbar-width:thin;-webkit-overflow-scrolling:touch;touch-action:pan-y;cursor:grab;overscroll-behavior-x:contain;gap:1.25rem;margin-inline:-.15rem;padding:.15rem .15rem 1.15rem;scroll-padding-inline:.15rem;display:flex;overflow-x:auto}.work-grid.is-dragging,.work-grid.is-settling{scroll-snap-type:none;-webkit-user-select:none;user-select:none;will-change:scroll-position}.work-grid.is-dragging{cursor:grabbing}.work-grid.is-dragging .work-card{transform:none}.work-grid a,.work-grid img{-webkit-user-drag:none}.work-grid a{cursor:pointer}.work-snap{scroll-snap-align:start;flex:0 0 100%;min-width:0}@media (width>=460px){.work-snap{flex-basis:min(22rem,86vw)}}@media (width>=900px){.work-snap{flex-basis:calc(45.8716% - .573395rem)}}@media (width>=1280px){.work-snap{flex-basis:calc(42.5532% - 1.06383rem)}}.work-card{min-width:0;height:100%;transition:transform .18s var(--ease), box-shadow .18s var(--ease);flex-direction:column;display:flex;overflow:hidden}.work-card:hover,.work-card:focus-within{box-shadow:7px 7px 0 var(--line);transform:translate(-3px,-3px)}.product-preview{border-bottom:3px solid var(--line);background:radial-gradient(ellipse at 88% -10%, color-mix(in srgb, var(--cyan) 26%, transparent), transparent 56%), radial-gradient(ellipse at 6% 118%, color-mix(in srgb, var(--navy) 10%, transparent), transparent 52%), var(--cream);flex-direction:column;flex:0 0 calc(20.5rem - 20px);height:calc(20.5rem - 20px);padding:1rem;display:flex;overflow:hidden}.preview-toolbar{color:var(--navy);font-family:var(--font-mono);letter-spacing:.08em;flex-shrink:0;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.85rem;font-size:.68rem;font-weight:700;display:flex}.preview-toolbar>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preview-stage{flex:1;min-height:0;padding:0 8px 8px 0;display:flex}.preview-status{border:1px solid color-mix(in srgb, var(--navy) 28%, transparent);color:var(--cyan);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:.2rem .45rem}.invoice-preview{background:radial-gradient(ellipse at 92% 8%, color-mix(in srgb, var(--cyan) 28%, transparent), transparent 54%), radial-gradient(ellipse at 12% 100%, color-mix(in srgb, var(--navy) 8%, transparent), transparent 50%), var(--cream)}.invoice-preview .preview-stage{justify-content:center;align-items:center;padding:0 10px 10px 0}.invoice-stack{width:min(74%,18.5rem);margin-inline:auto;position:relative}.invoice-stack-page{border:2px solid var(--navy);background:color-mix(in srgb, var(--cream) 92%, var(--sand));box-shadow:4px 4px 0 color-mix(in srgb, var(--cyan) 45%, transparent);border-radius:7px;position:absolute;inset:0}.invoice-stack-page--back{opacity:.45;z-index:0;transform:rotate(5deg)translate(10px,12px)}.invoice-stack-page--mid{opacity:.72;z-index:1;transform:rotate(2.5deg)translate(5px,6px)}.invoice-sheet{z-index:2;border:2px solid var(--navy);background:var(--cream);width:100%;min-height:12.25rem;box-shadow:8px 8px 0 var(--cyan);border-radius:7px;flex-direction:column;padding:.85rem .95rem;display:flex;position:relative;transform:rotate(-2deg)}.invoice-sheet-head,.invoice-total{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.invoice-logo{background:var(--navy);width:2.15rem;height:2.15rem;color:var(--cyan);font-family:var(--font-mono);border-radius:7px;place-items:center;font-size:.7rem;font-weight:700;display:grid}.invoice-word{font-family:var(--font-display);font-size:.9rem}.invoice-meta{gap:.35rem;margin:.85rem 0 .95rem;display:grid}.invoice-meta span,.invoice-lines span{background:var(--muted-fill);border-radius:999px;height:.42rem}.invoice-meta span:first-child{width:42%}.invoice-meta span:last-child{width:30%}.invoice-lines{border-block:2px solid var(--hairline);flex:1;align-content:start;gap:.65rem;padding-block:.75rem;display:grid}.invoice-lines span:nth-child(2){width:85%}.invoice-lines span:nth-child(3){width:64%}.invoice-total{font-family:var(--font-mono);margin-top:auto;padding-top:.75rem}.invoice-total small{color:var(--ink-soft)}.invoice-total strong{color:var(--navy)}.table-preview{background:radial-gradient(ellipse at 8% 108%, color-mix(in srgb, var(--cyan) 28%, transparent), transparent 54%), radial-gradient(ellipse at 96% -8%, color-mix(in srgb, var(--navy) 8%, transparent), transparent 50%), var(--cream)}.mini-table{border:2px solid var(--navy);background:var(--cream);min-width:0;box-shadow:8px 8px 0 var(--cyan);border-radius:9px;flex-direction:column;flex:1;display:flex;overflow:hidden}.mini-table-tools{border-bottom:2px solid var(--navy);justify-content:space-between;gap:.75rem;min-width:0;padding:.75rem;display:flex}.mini-search,.mini-filter{border:1.5px solid var(--navy);font-family:var(--font-mono);border-radius:5px;padding:.35rem .55rem;font-size:.58rem}.mini-search{min-width:0;color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.mini-filter{background:var(--cyan);color:var(--navy);flex-shrink:0;font-weight:700}.mini-table-row{border-bottom:1px solid var(--hairline);grid-template-columns:1.25fr .85fr .7fr;align-items:center;gap:.5rem;min-height:2rem;padding:.35rem .75rem;font-size:.66rem;display:grid}.mini-table-row:last-child{border-bottom:0}.mini-table-row span:nth-child(2){align-items:center;gap:.3rem;display:inline-flex}.mini-table-head{background:var(--bg);font-family:var(--font-mono);text-transform:uppercase;font-size:.58rem;font-weight:700}.mini-dot{background:var(--ink-soft);border-radius:50%;width:.4rem;height:.4rem}.mini-dot--live{background:#6aa32b}.mini-dot--review{background:#e89a2c}.scanrabbit-preview{background:radial-gradient(ellipse at 88% -10%, color-mix(in srgb, var(--cyan) 26%, transparent), transparent 56%), radial-gradient(ellipse at 6% 118%, color-mix(in srgb, var(--navy) 10%, transparent), transparent 52%), var(--cream)}.scanrabbit-preview .preview-stage{align-items:stretch;padding:0 6px 6px 0}.sr-site{border:2px solid var(--navy);min-width:0;min-height:0;box-shadow:8px 8px 0 var(--cyan);background:#f3f4f8;border-radius:9px;flex:1;grid-template-rows:auto 1fr;display:grid;overflow:hidden}.sr-nav{background:#fff;border-bottom:1px solid #e7e5e4;align-items:center;gap:.4rem;padding:.4rem .5rem;display:flex}.sr-brand{letter-spacing:-.04em;color:#0c0a09;white-space:nowrap;align-items:center;gap:.32rem;min-width:0;font-size:.62rem;font-weight:800;display:flex}.sr-brand img{flex-shrink:0;width:1.15rem;height:auto;display:block}.sr-nav-links{gap:.28rem;margin-left:auto;display:flex}.sr-nav-links i,.sr-nav b{background:#e7e5e4;border-radius:999px;height:.32rem;display:block}.sr-nav-links i{width:1.05rem}.sr-nav b{background:#5b4cdb;width:1.7rem;height:.7rem}.sr-hero{justify-content:center;align-items:center;gap:2.2rem;min-height:0;padding:.65rem 1.15rem .5rem;display:flex;overflow:hidden}.sr-copy{flex:0 8.1rem;align-content:center;gap:7px;width:8.1rem;min-width:0;display:grid}.sr-line{background:#d6d3d1;border-radius:3px;height:.32rem;display:block}.sr-line--kicker{background:#a29ad5;width:34%;height:.24rem}.sr-line--h1{background:#1c1917;width:92%;height:.52rem}.sr-line--h1-b{width:58%}.sr-line--body{width:84%;height:.26rem}.sr-line--short{width:48%}.sr-pills{gap:.22rem;margin-top:6px;display:flex}.sr-pills i{background:#e7e5e4;border-radius:5px;width:1.55rem;height:.62rem;display:block}.sr-pills i:first-child{background:#5b4cdb}.sr-phones{flex:0 0 6.1rem;width:6.1rem;height:8.15rem;position:relative}.sr-phone{aspect-ratio:9/17.4;background:#0c0a09;border:1.5px solid #0c0a09;border-radius:.78rem;grid-template-rows:auto 1fr;width:4.15rem;height:auto;padding:.22rem;display:grid;position:absolute;box-shadow:0 0 0 1px #0c0a092e,0 8px 14px #0c0a0942}.sr-phone-notch{background:#a8a29e;border-radius:999px;width:1.05rem;height:.12rem;margin:0 auto .1rem}.sr-screen{background:#fff;border-radius:.42rem;align-content:start;gap:4px;min-height:0;padding:.26rem .2rem;display:grid}.sr-ui-bar,.sr-ui-line,.sr-ui-row{background:#e7e5e4;border-radius:999px;height:.2rem;display:block}.sr-ui-bar{width:58%}.sr-ui-line{width:88%}.sr-ui-line--short{width:52%}.sr-ui-row{background:0 0;border:1px solid #d6d3d1;border-radius:4px;width:100%;height:.42rem}.sr-ui-frame,.sr-ui-card{background:0 0;border:1px solid #d6d3d1;border-radius:4px;width:100%;display:block}.sr-ui-frame{height:1.35rem}.sr-ui-frame--tall{height:1.7rem}.sr-ui-card{background:#f3f4f8;height:.95rem}.sr-phone--back{top:.35rem;right:0;transform:rotate(7deg)}.sr-phone--front{z-index:1;bottom:.05rem;left:0;transform:rotate(-4deg)}.ceramics-preview{background:radial-gradient(ellipse at 90% -10%, #c8734a3d, transparent 56%), radial-gradient(ellipse at 4% 118%, color-mix(in srgb, var(--navy) 10%, transparent), transparent 52%), var(--cream)}.ceramics-preview .preview-stage{align-items:stretch;padding:0 6px 6px 0}.terryn-site{border:2px solid var(--navy);background:#fff;border-radius:9px;flex:1;grid-template-rows:auto 1fr auto;min-width:0;min-height:0;display:grid;overflow:hidden;box-shadow:8px 8px #c8734a}.terryn-nav{background:#fff;border-bottom:1px solid #e7e5e4;align-items:center;gap:.4rem;padding:.4rem .6rem;display:flex}.terryn-brand{flex-shrink:0;width:5.6rem;height:auto;display:block}.terryn-nav-links{gap:.28rem;margin-left:auto;display:flex}.terryn-nav-links i,.terryn-nav b{background:#e7e5e4;border-radius:999px;height:.3rem;display:block}.terryn-nav-links i{width:1rem}.terryn-nav b{background:#111;border-radius:50%;width:.7rem;height:.7rem}.terryn-hero{justify-content:center;align-items:center;gap:1.6rem;min-height:0;padding:.6rem 1.1rem .4rem;display:flex}.terryn-copy{flex:0 8rem;gap:7px;width:8rem;min-width:0;display:grid}.terryn-line{background:#d6d3d1;border-radius:3px;height:.3rem;display:block}.terryn-line--kicker{background:#c8734a;width:36%;height:.22rem}.terryn-line--h1{background:#111;width:94%;height:.5rem}.terryn-line--h1-b{width:60%}.terryn-line--body{width:80%;height:.24rem}.terryn-btn{background:#111;border-radius:2px;width:2.4rem;height:.7rem;margin-top:5px;display:block}.terryn-vessel{background:linear-gradient(100deg,#d98a62 0 62%,#c8734a 62%);border-radius:46% 46% 40% 40%/30% 30% 60% 60%;flex:0 0 4.6rem;width:4.6rem;height:5.6rem;position:relative;box-shadow:0 .55rem 0 -.1rem #e7e5e4}.terryn-vessel:before{content:"";background:#a85a36;border-radius:50%;width:2.1rem;height:.7rem;position:absolute;top:-.35rem;left:50%;transform:translate(-50%)}.terryn-products{background:#fff;border-top:1px solid #e7e5e4;grid-template-columns:repeat(4,minmax(0,1fr));gap:.4rem;padding:.4rem .6rem .55rem;display:grid}.terryn-product{gap:4px;display:grid}.terryn-pot{background:#f0eeec;border-radius:3px;height:1.5rem;display:block}.terryn-product em{background:#d6d3d1;border-radius:2px;width:70%;height:.22rem;display:block}.work-card-body{flex-direction:column;flex:1;gap:.75rem;min-width:0;padding:1.25rem 1.4rem 1.4rem;display:flex}.work-client{font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);font-size:.75rem;font-weight:600}.work-card h3{overflow-wrap:break-word;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.2}.work-summary{color:var(--ink-soft);font-size:.95rem}.work-tags{flex-wrap:wrap;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.work-tags li{border:2px solid var(--line);background:var(--bg);border-radius:999px;padding:.25rem .55rem;font-size:.75rem;font-weight:600}.work-tags li:first-child{background:var(--cyan);color:var(--navy)}.work-highlights{border-top:2px dashed var(--hairline);gap:.45rem;margin:.25rem 0 0;padding:.9rem 0 0;list-style:none;display:grid}.work-highlights li{color:var(--ink-soft);align-items:center;gap:.5rem;font-size:.88rem;display:flex}.work-highlights li:before{content:"→";color:var(--cyan-deep);font-family:var(--font-mono);font-weight:700}.work-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:auto;padding-top:.4rem;display:flex}.work-actions .btn{min-height:2.7rem;padding:.55rem 1rem}.work-secondary-link,.work-secondary-link:link,.work-secondary-link:visited{font-family:var(--font-mono);color:var(--ink);-webkit-text-fill-color:currentColor;font-size:.78rem;font-weight:700}@media (prefers-reduced-motion:reduce){.work-card,.work-carousel-btn{transition:none}.work-grid{scroll-behavior:auto}}@media (width<=899px){.work-card-body{padding:1.15rem 1.15rem 1.25rem}}@media (width<=520px){.product-preview{flex-basis:calc(18.5rem - 20px);height:calc(18.5rem - 20px);padding:.85rem}.mini-table-row{grid-template-columns:1.1fr .8fr}.mini-table-row span:last-child{display:none}.work-actions{flex-direction:column;align-items:stretch;gap:.7rem}.work-actions .btn{justify-content:center;width:100%}.invoice-stack{width:min(88%,17.5rem)}}