@import url(https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600;700&display=swap);:root{color-scheme:dark}*{box-sizing:border-box}#root,.app-container,body,html{margin:0;min-height:100%;width:100%}body{background:#030303;color:#faf9f6;font-family:Inter,sans-serif;overflow:hidden}a,button{-webkit-tap-highlight-color:transparent}.portfolio-player{--player-start:#5185a1;--player-end:#ddd9c3;background:#030303;isolation:isolate;min-height:100dvh;overflow:hidden;position:relative}.ambient,.ambient__grain,.ambient__orb{inset:0;pointer-events:none;position:absolute}.ambient{opacity:.38;overflow:hidden;transition:opacity .6s ease;z-index:-1}.ambient__orb{animation:drift 15s ease-in-out infinite alternate;background:radial-gradient(circle,var(--player-start),#0000 67%);filter:blur(78px);opacity:.65}.ambient__orb--one{inset:26% 37% 22% 18%}.ambient__orb--two{animation:drift-alt 18s ease-in-out infinite alternate;animation-delay:-6s;background:radial-gradient(circle,var(--player-end),#0000 66%);inset:26% 18% 22% 37%;opacity:.47}.ambient__grain{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.25' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.7'/%3E%3C/svg%3E");background-size:160px 160px;mix-blend-mode:soft-light;opacity:.08}.identity{align-items:flex-end;color:#fff;display:flex;flex-direction:column;line-height:1;position:absolute;right:calc(50% + 187px);text-align:right;text-decoration:none;top:50%;transform:translateY(-50%)}.identity span{color:#ffffff80;font-size:14px;font-weight:400;margin-bottom:7px}.identity strong{font-family:"Instrument Serif",serif;font-size:32px;font-weight:400;letter-spacing:-.06em}.project-stack{height:515px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:min(294px,calc(100vw - 120px))}.project-player{--card-opacity:.25;align-items:center;appearance:none;background:linear-gradient(105deg,color-mix(in srgb,var(--card-start) 82%,#0b0b0b),color-mix(in srgb,var(--card-end) 70%,#1a1a1a));border:1px solid #ffffff1a;border-radius:26px;color:#fff;cursor:pointer;display:flex;filter:blur(calc(var(--depth)*1.4px));gap:12px;height:78px;left:0;opacity:var(--card-opacity);padding:10px;position:absolute;top:50%;transform:translateY(calc(var(--offset)*95px - 50%)) scale(calc(1 - var(--depth)*.075));transition:transform .62s cubic-bezier(.22,1,.36,1),opacity .45s ease,filter .62s ease,box-shadow .5s ease;width:100%}.project-player:after{background:linear-gradient(100deg,#ffffff14,#0000 50%);border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute}.project-player.depth-1{--card-opacity:.25}.project-player.depth-2{--card-opacity:.09}.project-player.is-exiting{--card-opacity:0;pointer-events:none}.project-player.is-entering{--card-opacity:.09;animation:enter-from-bottom .62s cubic-bezier(.22,1,.36,1) both;pointer-events:none}.project-player.is-resetting{transition:none}.project-player.is-active{--card-opacity:1;border-color:#ffffff3b;box-shadow:0 16px 48px #00000045;filter:none;z-index:3}.project-player:not(.is-active):focus-visible,.project-player:not(.is-active):hover{filter:blur(.2px);opacity:.66}.project-player:focus-visible{outline:1px solid #fff;outline-offset:5px}.cover-art{background:#17202b;border-radius:18px;flex:0 0 58px;height:58px;isolation:isolate;overflow:hidden;position:relative;width:58px}.cover-image{display:block;height:100%;object-fit:cover;width:100%}.cover-sheen{background:linear-gradient(110deg,#0000 39%,#ffffffc7 49%,#0000 59%);inset:-45% -65%;opacity:0;position:absolute;transform:translateX(-120%) rotate(8deg);z-index:5}.project-player.is-active:focus-visible .cover-sheen,.project-player.is-active:hover .cover-sheen{animation:cover-sheen 1.8s cubic-bezier(.2,.8,.2,1) both}.project-player.is-active:focus-visible .cover-art,.project-player.is-active:hover .cover-art{filter:saturate(1.16) brightness(1.12)}.pulse-speaker{background:repeating-linear-gradient(135deg,#0a1115 0 5px,#2f3c3e 6px 8px),linear-gradient(#14394d,#081217);border-radius:10px;box-shadow:inset 0 0 0 2px #ffffff38,0 4px 8px #0000008c;height:45px;left:17px;position:absolute;top:7px;transform:rotate(-10deg);width:23px}.pulse-speaker:before{background:linear-gradient(155deg,#ffdf5b,#43e7ff 42%,#5669ee 72%,#f062c1);border-radius:7px;content:"";filter:saturate(1.3);inset:7px 5px;position:absolute}.pulse-glow{background:radial-gradient(ellipse,#32d4ffa6,#0000 67%);filter:blur(8px);height:40px;left:-7px;position:absolute;top:10px;width:70px}.cover-art--platform{background:#0000;overflow:visible}.logo-stack{inset:0;position:absolute}.logo-stack__logo{border-radius:13px;box-shadow:0 5px 12px #0000004d;height:52px;object-fit:cover;position:absolute;top:3px;transition:transform .9s cubic-bezier(.22,1,.36,1),box-shadow .9s ease;width:52px}.logo-stack__logo--jbl{left:1px;transform:rotate(-9deg) scale(.94)}.logo-stack__logo--hk{left:5px;transform:rotate(8deg) scale(.94)}.project-player.is-active:focus-visible .logo-stack__logo--jbl,.project-player.is-active:hover .logo-stack__logo--jbl{transform:translateX(-17px) rotate(-18deg) scale(1.03)}.project-player.is-active:focus-visible .logo-stack__logo--hk,.project-player.is-active:hover .logo-stack__logo--hk{transform:translateX(18px) rotate(17deg) scale(1.03)}.project-player--launches .cover-sheen,.project-player--platform .cover-sheen,.project-player--tools .cover-sheen{display:none}.project-player{-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(105deg,color-mix(in srgb,var(--card-start) 78%,#0b0b0b),color-mix(in srgb,var(--card-start) 68%,var(--card-end)) 52%,color-mix(in srgb,var(--card-end) 62%,#111));background-position:50%;background-size:170% 100%;isolation:auto}.project-player:after{display:none}.project-player,.project-player.is-active{border-color:#0000}.project-player{--slot-spacing:95px;transform:translateY(calc(var(--offset)*var(--slot-spacing) - 50%)) scale(calc(1 - var(--depth)*.075))}.cover-art--system{background:#242331}.system-token{background:linear-gradient(135deg,#ee6556,#ffae39);border:1px solid #ffffff80;border-radius:7px;position:absolute}.system-token--one{height:16px;left:9px;top:11px;width:16px}.system-token--two{background:#5dc49b;height:13px;left:13px;top:32px;width:13px}.system-letter{color:#f4f2f0;font-size:48px;font-weight:600;line-height:1;position:absolute;right:8px;top:4px}.cover-art--launches{background:#b5dc71;overflow:visible}.launch-stickers{inset:0;position:absolute}.launch-sticker{display:block;object-fit:fill;position:absolute;transform-origin:center;transition:transform .8s cubic-bezier(.22,1,.36,1)}.launch-sticker--headphones{height:28px;left:-2px;top:3px;width:27px}.launch-sticker--speaker{height:18px;left:15px;top:42px;width:23px}.launch-sticker--lamp{height:40px;left:48px;top:10px;width:9px}.launch-sticker--radio{height:38px;left:25px;top:-7px;transform:rotate(9.58deg);width:27px}.launch-sticker--harman{height:37px;left:-3px;top:14px;width:58px}.project-player.is-active:focus-visible .launch-sticker--headphones,.project-player.is-active:hover .launch-sticker--headphones{transform:translate(-2px,-2px) rotate(-3deg) scale(1.06)}.project-player.is-active:focus-visible .launch-sticker--speaker,.project-player.is-active:hover .launch-sticker--speaker{transform:translate(-1px,3px) rotate(-2deg) scale(1.06)}.project-player.is-active:focus-visible .launch-sticker--lamp,.project-player.is-active:hover .launch-sticker--lamp{transform:translate(2px,-1px) rotate(2deg) scale(1.05)}.project-player.is-active:focus-visible .launch-sticker--radio,.project-player.is-active:hover .launch-sticker--radio{transform:translate(2px,-3px) rotate(13deg) scale(1.06)}.project-player.is-active:focus-visible .launch-sticker--harman,.project-player.is-active:hover .launch-sticker--harman{transform:translateY(2px) scale(1.035)}.cover-art--harman-kardon{background:radial-gradient(circle at 30% 25%,#e3d9c5,#0000 38%),linear-gradient(135deg,#252525,#847965);display:grid;place-items:center}.hk-monogram{color:#fffdf8;font-family:"Instrument Serif",serif;font-size:22px;letter-spacing:-.08em}.cover-art--tools{background:#0000;overflow:visible}.tools-stack{inset:0;position:absolute}.tools-logo{border-radius:13px;box-shadow:0 5px 12px #0000004d;height:50px;object-fit:cover;position:absolute;top:4px;transition:transform .9s cubic-bezier(.22,1,.36,1),box-shadow .9s ease;width:50px}.tools-logo--one{left:2px;transform:rotate(-11deg) scale(.9);z-index:1}.tools-logo--two{left:5px;transform:rotate(2deg) scale(.9);z-index:2}.tools-logo--three{left:8px;transform:rotate(11deg) scale(.9);z-index:3}.project-player.is-active:focus-visible .tools-logo--one,.project-player.is-active:hover .tools-logo--one{transform:translateX(-15px) rotate(-18deg) scale(1.02)}.project-player.is-active:focus-visible .tools-logo--two,.project-player.is-active:hover .tools-logo--two{transform:translateY(-5px) rotate(2deg) scale(1.02)}.project-player.is-active:focus-visible .tools-logo--three,.project-player.is-active:hover .tools-logo--three{transform:translateX(16px) rotate(18deg) scale(1.02)}.project-copy{align-items:flex-start;display:flex;flex-direction:column;gap:4px;min-width:0;position:relative;text-align:left;z-index:1}.project-eyebrow{color:#ffffff80;font-size:10px;font-weight:600;letter-spacing:0;line-height:1.2;white-space:nowrap}.dot-separator{display:inline-block;margin:0 .32em}.project-title{color:#fff;font-size:14px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-phrase,.project-title{letter-spacing:0;line-height:1.2}.project-phrase{color:#ffffff80;font-size:12px;font-weight:400}.project-descriptor{animation:descriptor-in .8s ease both;color:#f3f0e9;font-family:"Instrument Serif",serif;font-size:24px;font-weight:400;left:calc(50% + 187px);letter-spacing:0;line-height:1.15;margin:0;position:absolute;top:50%;transform:translateY(-50%);width:min(31vw,380px)}.site-footer{bottom:max(3vw,28px);color:#ffffffad;display:flex;font-size:14px;gap:6px;left:50%;position:absolute;transform:translateX(-50%)}.site-footer a{color:inherit;text-decoration:none;transition:color .2s ease}.site-footer a:focus-visible,.site-footer a:hover{color:#fff}@keyframes cover-sheen{0%{opacity:0;transform:translateX(-115%) rotate(8deg)}18%{opacity:.7}78%{opacity:.48}to{opacity:0;transform:translateX(115%) rotate(8deg)}}@keyframes enter-from-bottom{0%{filter:blur(3px);opacity:0;transform:translateY(calc(var(--enter-offset)*var(--slot-spacing) - 50%)) scale(.78)}to{filter:blur(2.8px);opacity:.09;transform:translateY(calc(var(--offset)*var(--slot-spacing) - 50%)) scale(.85)}}@keyframes descriptor-in{0%{opacity:0;transform:translateY(calc(-50% + 8px))}to{opacity:1;transform:translateY(-50%)}}@keyframes drift{0%{transform:translate3d(-3%,-2%,0) scale(.97)}to{transform:translate3d(4%,3%,0) scale(1.08)}}@keyframes drift-alt{0%{transform:translate3d(3%,2%,0) scale(1.07)}to{transform:translate3d(-4%,-3%,0) scale(.97)}}@media (max-width:860px){.identity{align-items:center;left:50%;right:auto;text-align:center;top:34px;transform:translateX(-50%)}.identity small{display:none}.project-descriptor{animation:descriptor-mobile .5s ease both;bottom:88px;font-size:18px;left:24px;right:24px;text-align:center;top:auto;transform:none;width:auto}.site-footer{bottom:25px}.project-stack{top:47%;width:min(294px,calc(100vw - 48px))}.ambient{opacity:.35}}@media (max-width:480px){.project-stack{height:430px}.project-player{--slot-spacing:84px;border-radius:24px;height:78px;transform:translateY(calc(var(--offset)*var(--slot-spacing) - 50%)) scale(calc(1 - var(--depth)*.07))}.project-descriptor{bottom:80px;font-size:16px}}@keyframes descriptor-mobile{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.61d2c9e0.css.map*/