/* generated from src/section-strand-mixer.css — edit that file, not this one */
.strand-mixer-section,.strand-mixer-section *{box-sizing:border-box}.strand-mixer-section.strand-mixer-section{position:relative;background:var(--sm-bg, #0a0a0b);color:var(--text-on-dark, #f5f5f4);font-family:var(--font-sans, "Helvetica Neue", Helvetica, Arial, sans-serif);scroll-margin-top:var(--nav-height, 48px);box-shadow:0 -1px 0 var(--sm-bg, #0a0a0b),0 1px 0 var(--sm-bg, #0a0a0b)}.strand-mixer-section .strand-mixer__inner{position:relative;overflow:hidden;padding:var(--sm-pad-top, 110px) var(--gutter, 40px) var(--sm-pad-bottom, 110px)}.strand-mixer-section .strand-mixer__dotgrid{display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,var(--sm-grid-opacity, .06)) 1px,transparent 1.6px);background-size:28px 28px}.strand-mixer-section .strand-mixer__content{position:relative;z-index:1;width:100%;max-width:var(--sm-max-width, 1200px);margin:0 auto}.strand-mixer-section .strand-mixer__header{margin-bottom:8px;text-align:center}.strand-mixer-section .strand-mixer__eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;margin-bottom:18px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:11px;line-height:1;letter-spacing:var(--tracking-mono-eyebrow, .22em);text-transform:uppercase;color:var(--text-on-dark-2, rgba(255, 255, 255, .55));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.strand-mixer-section .strand-mixer__eyebrow-dot{width:6px;height:6px;border-radius:var(--radius-pill, 99px);background:var(--accent-cool, #0077ed);flex:0 0 auto}.strand-mixer-section .strand-mixer__eyebrow-num{color:var(--accent-cool, #0077ed)}.strand-mixer-section .strand-mixer__title{margin:0;font-size:clamp(34px,5vw,48px);line-height:1.02;letter-spacing:var(--tracking-h2, -.03em);font-weight:700;color:var(--text-on-dark, #f5f5f4)}.strand-mixer-section .strand-mixer__subtext{margin:14px 0 0;font-size:13px;color:#ffffff80}.strand-mixer-section .strand-mixer__stage{display:block;position:relative;height:var(--sm-stage-height, 420px)}.strand-mixer-section .strand-mixer__stage canvas{display:block;position:absolute;inset:-140px 0;width:100%;height:calc(100% + 280px)}.strand-mixer-section .strand-mixer__cut{position:relative;z-index:2;margin-top:-80px}.strand-mixer-section .strand-mixer__divider{display:block;position:absolute;left:50%;bottom:0;z-index:2;width:min(880px,96%);height:1px;transform:translate(-50%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.14) 12%,rgba(255,255,255,.22) 50%,rgba(255,255,255,.14) 88%,transparent 100%)}.strand-mixer-section .strand-mixer__phone{position:relative;z-index:1;max-width:400px;margin:0 auto;display:flex;flex-direction:column;filter:drop-shadow(0 30px 60px rgba(0,0,0,.55));clip-path:inset(-160px -60px 0)}.strand-mixer-section .strand-mixer__phone-frame{display:block;position:absolute;top:0;left:0;z-index:3;width:100%;height:auto;pointer-events:none}.strand-mixer-section .strand-mixer__phone-screen{position:relative;z-index:1;margin:2.3% 3% 0;border-radius:52px 52px 0 0;padding-bottom:24px;background:var(--glass-nav-dark, rgba(12, 12, 14, .6));-webkit-backdrop-filter:var(--glass-blur, blur(28px) saturate(180%));backdrop-filter:var(--glass-blur, blur(28px) saturate(180%))}.strand-mixer-section .strand-mixer__model{display:block;position:absolute;top:16px;left:50%;transform:translate(-50%);line-height:30px;font-size:13px;font-weight:400;letter-spacing:.02em;color:#ffffff73;white-space:nowrap}.strand-mixer-section .strand-mixer__phone-status{display:flex;align-items:center;justify-content:space-between;position:relative;padding:24px 26px 4px;color:var(--text-on-dark, #f5f5f4)}.strand-mixer-section .strand-mixer__phone-time{font-size:15px;font-weight:600;letter-spacing:.02em;font-variant-numeric:tabular-nums}.strand-mixer-section .strand-mixer__phone-icons{display:inline-flex;align-items:center;gap:7px}.strand-mixer-section .strand-mixer__phone-icons svg{display:block;height:12px;width:auto}.strand-mixer-section .strand-mixer__controls{position:relative;padding:50px 26px 0}.strand-mixer-section .strand-mixer__reset{position:absolute;top:16px;right:26px;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-pill, 99px);background:transparent;color:#fff9;cursor:pointer;transition:color .25s,border-color .25s,transform .4s var(--ease-out, ease)}.strand-mixer-section .strand-mixer__reset svg{width:14px;height:14px}@media (hover: hover){.strand-mixer-section .strand-mixer__reset:hover{color:var(--text-on-dark, #f5f5f4);border-color:#fff6;transform:rotate(-160deg)}}.strand-mixer-section .strand-mixer__reset:focus-visible{outline:2px solid var(--accent-cool, #0077ed);outline-offset:2px}.strand-mixer-section .strand-mixer__row{margin-bottom:12px}.strand-mixer-section .strand-mixer__row:last-child{margin-bottom:0}.strand-mixer-section .strand-mixer__row-head{display:flex;align-items:baseline;gap:8px;margin-bottom:7px}.strand-mixer-section .strand-mixer__row-value{min-width:5.2ch;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-on-dark, #f5f5f4)}.strand-mixer-section .strand-mixer__row-sep{color:#ffffff4d;font-size:13px}.strand-mixer-section .strand-mixer__row-name{font-size:14px;font-weight:600;color:var(--text-on-dark, #f5f5f4)}.strand-mixer-section .strand-mixer__range{-webkit-appearance:none;appearance:none;display:block;width:100%;height:22px;margin:0;padding:0;background:transparent;cursor:pointer;--sm-track: linear-gradient(90deg, #2c2c2e, #ffffff)}.strand-mixer-section .strand-mixer__range--red{--sm-track: linear-gradient(90deg, #2a100e, var(--sm-red, #ff4242))}.strand-mixer-section .strand-mixer__range--green{--sm-track: linear-gradient(90deg, #0d2114, var(--sm-green, #22b06a))}.strand-mixer-section .strand-mixer__range--blue{--sm-track: linear-gradient(90deg, #0a1a30, var(--sm-blue, #0077ed))}.strand-mixer-section .strand-mixer__range--white{--sm-track: linear-gradient(90deg, #2c2c2e, #ffffff)}.strand-mixer-section .strand-mixer__range::-webkit-slider-runnable-track{height:14px;border-radius:var(--radius-pill, 99px);background:var(--sm-track)}.strand-mixer-section .strand-mixer__range::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-3px;border:3px solid #ffffff;border-radius:50%;background:#0a0a0b8c;box-shadow:0 1px 5px #00000080}.strand-mixer-section .strand-mixer__range::-moz-range-track{height:14px;border-radius:var(--radius-pill, 99px);background:var(--sm-track)}.strand-mixer-section .strand-mixer__range::-moz-range-thumb{width:14px;height:14px;border:3px solid #ffffff;border-radius:50%;background:#0a0a0b8c;box-shadow:0 1px 5px #00000080}.strand-mixer-section .strand-mixer__range:focus-visible{outline:2px solid var(--accent-cool, #0077ed);outline-offset:3px;border-radius:var(--radius-pill, 99px)}.strand-mixer-section .strand-mixer__row-scale{display:flex;justify-content:space-between;margin-top:3px;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:10px;letter-spacing:.06em;color:#ffffff59}@media screen and (max-width: 760px){.strand-mixer-section .strand-mixer__inner{padding:var(--sm-pad-top-mobile, 48px) 0 var(--sm-pad-bottom-mobile, 40px)}.strand-mixer-section .strand-mixer__header{padding:0 24px}.strand-mixer-section .strand-mixer__title{font-size:34px}.strand-mixer-section .strand-mixer__subtext{padding:0 8px}.strand-mixer-section .strand-mixer__stage{height:210px}.strand-mixer-section .strand-mixer__cut{margin-top:-64px}.strand-mixer-section .strand-mixer__phone{max-width:330px}.strand-mixer-section .strand-mixer__phone-screen{border-radius:43px 43px 0 0;padding-bottom:18px}.strand-mixer-section .strand-mixer__divider{width:min(726px,96%)}.strand-mixer-section .strand-mixer__phone-status{padding:18px 20px 2px}.strand-mixer-section .strand-mixer__controls{padding:42px 20px 0}.strand-mixer-section .strand-mixer__row{margin-bottom:16px}.strand-mixer-section .strand-mixer__range{height:30px}.strand-mixer-section .strand-mixer__reset{width:34px;height:34px;right:22px}.strand-mixer-section .strand-mixer__model{line-height:34px}}