*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*
! tailwindcss v3.4.19 | MIT License | https://tailwindcss.com
*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.nav-link{position:relative;font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:rgb(111 106 97/var(--tw-text-opacity,1));text-decoration-line:none;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.nav-link:hover{--tw-text-opacity:1;color:rgb(30 30 30/var(--tw-text-opacity,1))}.nav-link:focus-visible .music-hover-note,.nav-link:hover .music-hover-note{opacity:1;animation:music-note-bounce .72s ease-in-out infinite}.cabinet-stage{border-radius:2rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(221 214 204/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(239 233 221/var(--tw-bg-opacity,1));padding:1rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.cabinet-stage{padding:1.75rem}}.cabinet-stage{background:linear-gradient(90deg,hsla(0,0%,100%,.58),transparent 18%,transparent 82%,rgba(94,80,62,.08)),linear-gradient(180deg,#f7f1e6,#e8dfd1)}.cabinet-grid{display:grid;gap:1.5rem}@media (min-width:640px){.cabinet-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.cabinet-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cabinet-grid{perspective:1400px}.cabinet-card{position:relative;display:block;min-height:310px;--tw-text-opacity:1;color:rgb(30 30 30/var(--tw-text-opacity,1));text-decoration-line:none;outline:2px solid transparent;outline-offset:2px;transform-style:preserve-3d}.cabinet-card:hover .cabinet-front{transform:rotateX(var(--rx)) rotateY(var(--ry)) translateY(-8px) translateZ(42px)}.cabinet-card:focus-visible .cabinet-front{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(154 123 79/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;--tw-ring-offset-color:#f7f4ef}.cabinet-shadow{position:absolute;bottom:0;left:2rem;right:2rem;height:2.5rem;border-radius:50%;background-color:rgba(0,0,0,.15);--tw-blur:blur(24px);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transform:translateZ(-60px)}.cabinet-card:hover .cabinet-shadow,.cabinet-shadow{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.cabinet-card:hover .cabinet-shadow{background-color:rgba(0,0,0,.2);--tw-blur:blur(40px);transform:translateY(14px) scale(.92) translateZ(-80px)}.cabinet-back{position:absolute;left:1rem;right:1rem;bottom:1.25rem;top:1.75rem;border-radius:1.5rem;border-width:1px;border-color:rgba(0,0,0,.1);--tw-bg-opacity:1;background-color:rgb(216 202 186/var(--tw-bg-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transform:translateZ(-36px) rotateX(2deg)}.cabinet-card:hover .cabinet-back{transform:translateY(6px) translateZ(-44px) rotateX(4deg)}.cabinet-sheet{position:absolute;left:2rem;right:2rem;top:1.75rem;display:flex;height:6rem;align-items:flex-start;justify-content:space-between;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(221 214 204/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:.75rem 1rem;--tw-text-opacity:1;color:rgb(111 106 97/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transform:translateY(18px) translateZ(4px) rotate(-1.5deg)}.sheet-two{left:2.5rem;right:1.5rem;--tw-bg-opacity:1;background-color:rgb(255 250 240/var(--tw-bg-opacity,1));transform:translateY(32px) translateZ(1px) rotate(1.4deg)}.cabinet-card:hover .sheet-one{transform:translateY(-16px) translateZ(60px) rotate(-4deg)}.cabinet-card:hover .sheet-two{transform:translateY(2px) translateZ(46px) rotate(4deg)}.cabinet-front{position:relative;z-index:10;display:flex;min-height:310px;flex-direction:column;overflow:hidden;border-radius:1.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(221 214 204/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(251 250 247/var(--tw-bg-opacity,1));padding:1.5rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transform:rotateX(var(--rx)) rotateY(var(--ry)) translateZ(24px);transform-style:preserve-3d}.cabinet-front:before{content:"";position:absolute;left:0;right:0;top:0;height:5rem;border-bottom-width:1px;border-color:hsla(0,0%,100%,.4);background:linear-gradient(180deg,hsla(0,0%,100%,.58),hsla(0,0%,100%,0))}.cabinet-front:after{content:"";position:absolute;bottom:0;left:0;top:0;width:2rem;opacity:.7;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent)}.cabinet-icon{position:relative;z-index:10;display:flex;height:2.75rem;width:2.75rem;align-items:center;justify-content:center;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(221 214 204/var(--tw-border-opacity,1));background-color:hsla(0,0%,100%,.75);--tw-text-opacity:1;color:rgb(111 106 97/var(--tw-text-opacity,1));--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transform:translateZ(38px)}.cabinet-card:hover .cabinet-icon{--tw-text-opacity:1;color:rgb(154 123 79/var(--tw-text-opacity,1));transform:translateZ(54px) rotate(-4deg) scale(1.04)}.cabinet-note{margin-top:1.25rem;display:block;border-radius:1rem;border-width:1px;border-color:hsla(0,0%,100%,.6);background-color:hsla(0,0%,100%,.6);padding:.75rem 1rem;font-size:13px;line-height:1.625;color:rgba(30,30,30,.7);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transform:translateZ(26px)}.cabinet-card:hover .cabinet-note{background-color:hsla(0,0%,100%,.8);transform:translateZ(48px) translateY(-2px)}.cabinet-blue .cabinet-front{background:linear-gradient(145deg,#f6f9fc,#dce7ef)}.cabinet-paper .cabinet-front{background:linear-gradient(145deg,#fffdf8,#e9e0d2)}.cabinet-gold .cabinet-front{background:linear-gradient(145deg,#fff8e8,#e9d3a2)}.cabinet-clay .cabinet-front{background:linear-gradient(145deg,#fff3ef,#e2beb3)}.cabinet-moss .cabinet-front{background:linear-gradient(145deg,#f5f9f1,#d6e1cd)}.cabinet-ink .cabinet-front{background:linear-gradient(145deg,#f7f4ef,#d7d0c6)}.music-room{border-radius:2rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(234 217 191/var(--tw-border-opacity,1));padding:1.25rem}@media (min-width:768px){.music-room{padding:2rem}}.music-room{background:radial-gradient(circle at 14% 12%,rgba(255,216,127,.34),transparent 24%),radial-gradient(circle at 82% 14%,rgba(149,195,154,.22),transparent 24%),linear-gradient(145deg,#fffaf1,#f4eadb);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.88),0 18px 44px rgba(140,103,57,.09)}.music-room-copy{padding-top:.5rem;padding-bottom:.5rem}@media (min-width:768px){.music-room-copy{padding-top:1rem;padding-bottom:1rem}}.toggle-switch.is-on span{transform:translateX(28px)}.press-button.is-active,.press-button:active{transform:translateY(4px);box-shadow:inset 0 2px 8px rgba(83,49,20,.28),0 1px 0 #c08b4d,0 5px 10px rgba(143,93,37,.08)}.press-button.small{height:3rem;width:3rem}.press-button.play{height:4rem;width:4rem}.sunny-speaker{position:relative;margin-left:auto;margin-right:auto;margin-top:2rem;max-width:56rem;border-radius:2rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 198 155/var(--tw-border-opacity,1));padding:1.25rem}@media (min-width:768px){.sunny-speaker{padding:1.5rem}}.sunny-speaker{background:linear-gradient(145deg,hsla(0,0%,100%,.72),transparent 35%),linear-gradient(180deg,#fff1cd,#f2c77f);box-shadow:inset 0 2px 0 hsla(0,0%,100%,.62),inset 0 -10px 20px rgba(177,105,31,.1),0 22px 44px rgba(150,103,45,.14)}.sunny-speaker:after{content:"";pointer-events:none;position:absolute;inset:.75rem;border-radius:1.55rem;border-width:1px;border-color:hsla(0,0%,100%,.55)}.speaker-topbar{position:relative;z-index:10;margin-bottom:1rem;display:flex;flex-direction:column;gap:1rem}@media (min-width:768px){.speaker-topbar{flex-direction:row;align-items:center;justify-content:space-between}}.speaker-logo{display:inline-flex;width:-moz-fit-content;width:fit-content;align-items:baseline;gap:.75rem;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(223 189 132/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 248 230/var(--tw-bg-opacity,1));padding:.5rem 1rem;--tw-text-opacity:1;color:rgb(139 100 46/var(--tw-text-opacity,1));box-shadow:inset 0 1px 0 hsla(0,0%,100%,.9),0 4px 10px rgba(143,93,37,.08)}.speaker-logo span{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.22em;opacity:.7}.speaker-logo strong{font-size:.875rem;line-height:1.25rem;letter-spacing:-.025em}.speaker-knobs{display:flex;flex-wrap:wrap;gap:.5rem}.dial-button{display:inline-flex;min-height:2.5rem;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(223 189 132/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 247 227/var(--tw-bg-opacity,1));padding:.5rem .75rem;font-size:12px;font-weight:600;--tw-text-opacity:1;color:rgb(122 81 34/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.85),inset 0 -3px 6px rgba(143,87,28,.1),0 3px 0 #d5a766,0 8px 14px rgba(143,93,37,.08)}.dial-button.is-on,.dial-button:active{transform:translateY(3px);box-shadow:inset 0 2px 7px rgba(143,87,28,.15),0 0 0 #d5a766,0 4px 8px rgba(143,93,37,.06)}.speaker-face{position:relative;z-index:10;min-height:360px;overflow:hidden;border-radius:1.6rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(221 189 133/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 215 150/var(--tw-bg-opacity,1));box-shadow:inset 0 2px 9px rgba(139,94,44,.09)}.woven-grille{position:absolute;inset:0;background:linear-gradient(45deg,rgba(145,93,38,.18) 25%,transparent 0,transparent 75%,rgba(145,93,38,.18) 0),linear-gradient(45deg,rgba(145,93,38,.18) 25%,transparent 0,transparent 75%,rgba(145,93,38,.18) 0),linear-gradient(135deg,hsla(0,0%,100%,.35),hsla(0,0%,100%,0)),#f2d18b;background-position:0 0,10px 10px,0 0,0 0;background-size:20px 20px,20px 20px,100% 100%,100% 100%}.woven-grille:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 22%,hsla(0,0%,100%,.35),transparent 24%),linear-gradient(90deg,hsla(0,0%,100%,.22),transparent 18%,transparent 82%,rgba(131,83,36,.12))}.now-playing-plaque{position:absolute;bottom:1.25rem;left:1.25rem;right:1.25rem;border-radius:1.35rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(230 201 151/var(--tw-border-opacity,1));background-color:rgba(255,250,240,.9);padding:1.25rem;--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@media (min-width:768px){.now-playing-plaque{left:auto;right:1.5rem;top:1.5rem;width:430px}}.now-playing-plaque{box-shadow:0 18px 30px rgba(139,94,44,.12),inset 0 1px 0 hsla(0,0%,100%,.88)}.soft-play-button{display:flex;height:3.5rem;width:3.5rem;flex-shrink:0;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(214 173 111/var(--tw-border-opacity,1));--tw-text-opacity:1;color:rgb(122 81 34/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;background:linear-gradient(145deg,#fff8e4,#e7b86f);box-shadow:inset 0 2px 1px hsla(0,0%,100%,.75),inset 0 -4px 8px rgba(143,87,28,.14),0 5px 0 #c08b4d,0 10px 16px rgba(143,93,37,.1)}.soft-play-button.is-active,.soft-play-button:active{transform:translateY(4px);box-shadow:inset 0 2px 8px rgba(143,87,28,.17),0 1px 0 #c08b4d,0 5px 10px rgba(143,93,37,.07)}.soft-progress{height:.5rem;overflow:hidden;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(216 183 125/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(247 220 168/var(--tw-bg-opacity,1));box-shadow:inset 0 2px 5px rgba(140,88,34,.12)}.soft-progress div{height:100%;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:linear-gradient(90deg,#97b98d,#e6ad61)}.soft-next-button,.soft-progress div{border-radius:9999px;transition-property:all}.soft-next-button{display:none;border-width:1px;--tw-border-opacity:1;border-color:rgb(224 191 133/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 247 227/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-size:12px;font-weight:600;--tw-text-opacity:1;color:rgb(122 81 34/var(--tw-text-opacity,1));transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}@media (min-width:768px){.soft-next-button{display:block}}.soft-next-button{box-shadow:inset 0 1px 0 hsla(0,0%,100%,.8),0 3px 0 #d4a45f}.soft-next-button:active{transform:translateY(3px);box-shadow:inset 0 2px 7px rgba(143,87,28,.13),0 0 0 #d4a45f}.speaker-base{position:absolute;bottom:0;left:4rem;right:4rem;display:flex;--tw-translate-y:0.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));justify-content:space-between}.speaker-base span{height:1rem;width:5rem;border-bottom-right-radius:1rem;border-bottom-left-radius:1rem;--tw-bg-opacity:1;background-color:rgb(217 159 93/var(--tw-bg-opacity,1));box-shadow:0 8px 14px rgba(143,93,37,.1)}.vinyl-record.is-playing{animation:vinyl-spin 7s linear infinite}.tonearm.is-playing{transform:rotate(10deg)}.vinyl-mini-button:active,.vinyl-mode-button:active,.vinyl-play-button.is-active,.vinyl-play-button:active{transform:translateY(4px);box-shadow:inset 0 2px 8px rgba(143,87,28,.17),0 0 0 #c08b4d,0 4px 8px rgba(143,93,37,.07)}@keyframes vinyl-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.record-a.is-playing{animation:record-a-spin 7s linear infinite}.tonearm-a.is-playing{transform:rotate(8deg)}.round-press.small{height:3rem;width:3rem}.round-press.main{height:4rem;width:4rem}.round-press.is-active,.round-press:active{transform:translateY(4px);box-shadow:inset 0 2px 8px rgba(143,87,28,.17),0 1px 0 #c08b4d,0 5px 10px rgba(143,93,37,.07)}.vinyl-a-drawer.is-open{transform:translateX(-50%) translateY(0)}.drawer-filters button.is-active{border-color:#a77945;background:#ead0a6;color:#2d2116}.drawer-tracks button.is-active{border-color:#a77945;background:#fff6e8}@keyframes record-a-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.light-record.is-playing{animation:light-record-spin 8s linear infinite}.light-tonearm.is-playing{transform:rotate(8deg)}@keyframes light-record-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.ux-music-page{position:relative;display:flex;min-height:100vh;flex-direction:column;overflow:hidden;padding:1.25rem 1.25rem 6rem;--tw-text-opacity:1;color:rgb(30 30 30/var(--tw-text-opacity,1))}@media (min-width:768px){.ux-music-page{padding-left:2.5rem;padding-right:2.5rem}}.ux-music-page{background:radial-gradient(circle at 22% 18%,rgba(255,214,133,.22),transparent 25rem),radial-gradient(circle at 78% 12%,rgba(159,199,157,.16),transparent 25rem),linear-gradient(180deg,#fbfaf6,#f3eee6)}.ux-music-top{margin-left:auto;margin-right:auto;display:flex;max-width:1120px;align-items:center;justify-content:space-between;gap:1rem;font-size:13px}.ux-music-top a,.ux-music-top button{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 216 199/var(--tw-border-opacity,1));background-color:hsla(0,0%,100%,.6);padding:.5rem .75rem;--tw-text-opacity:1;color:rgb(116 107 96/var(--tw-text-opacity,1));--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ux-music-top a:hover,.ux-music-top button:hover{--tw-text-opacity:1;color:rgb(30 30 30/var(--tw-text-opacity,1))}.ux-listening-stage{margin-left:auto;margin-right:auto;display:grid;min-height:calc(100vh - 120px);width:100%;max-width:72rem;flex:1 1 0%;align-items:center;gap:1.5rem;padding-top:1.25rem;padding-bottom:1.25rem}@media (min-width:768px){.ux-listening-stage{grid-template-columns:1.2fr .8fr;grid-template-rows:auto auto auto;align-items:flex-start;-moz-column-gap:2.5rem;column-gap:2.5rem;row-gap:1.25rem}}.ux-listening-stage{align-content:center}.ux-record-area{position:relative;margin-left:auto;margin-right:auto;height:390px;width:390px}@media (min-width:768px){.ux-record-area{grid-row:span 3/span 3;height:620px;width:620px}}.ux-platter-shadow{position:absolute;left:47%;top:47%;height:338px;width:338px;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-radius:9999px}@media (min-width:768px){.ux-platter-shadow{height:560px;width:560px}}.ux-platter-shadow{background:radial-gradient(circle,rgba(18,20,20,.24) 0 60%,transparent 61%),conic-gradient(from 25deg,rgba(45,48,48,.24),hsla(0,0%,100%,.1),rgba(20,22,22,.28),hsla(0,0%,100%,.08),rgba(45,48,48,.24));box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2),0 28px 54px rgba(51,42,31,.22)}.ux-record{position:absolute;left:47%;top:47%;height:324px;width:324px;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(51 55 55/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(21 23 23/var(--tw-bg-opacity,1))}@media (min-width:768px){.ux-record{height:530px;width:530px}}.ux-record{box-shadow:inset 0 0 0 7px hsla(0,0%,100%,.018),inset 0 0 0 18px rgba(0,0,0,.34),inset 0 0 0 56px hsla(0,0%,100%,.018),inset 0 0 45px hsla(0,0%,100%,.035),0 26px 48px rgba(43,35,25,.24)}.ux-record:before{inset:0;background:linear-gradient(92deg,transparent 0 33%,hsla(0,0%,100%,.055) 34% 40%,transparent 41% 100%),linear-gradient(178deg,transparent 0 62%,hsla(0,0%,100%,.04) 63% 70%,transparent 71% 100%),radial-gradient(circle at 28% 20%,hsla(0,0%,100%,.08),transparent 18%);mix-blend-mode:screen;pointer-events:none}.ux-record:after,.ux-record:before{content:"";position:absolute;border-radius:9999px}.ux-record:after{left:50%;top:50%;height:1rem;width:1rem;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-width:1px;border-color:hsla(0,0%,100%,.8);--tw-bg-opacity:1;background-color:rgb(255 247 234/var(--tw-bg-opacity,1))}@media (min-width:768px){.ux-record:after{height:1.25rem;width:1.25rem}}.ux-record:after{z-index:2;box-shadow:inset 0 1px 2px rgba(112,98,82,.12),0 0 0 7px hsla(0,0%,100%,.2)}.ux-record.is-playing{animation:ux-record-spin 8s linear infinite}.ux-record-rim{position:absolute;inset:1rem;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(46 50 50/var(--tw-border-opacity,1));box-shadow:inset 0 0 0 5px hsla(0,0%,100%,.025),inset 0 0 0 18px rgba(0,0,0,.18),0 0 0 1px hsla(0,0%,100%,.018)}.ux-record-glow{position:absolute;inset:0;border-radius:9999px;background:radial-gradient(circle at 30% 22%,hsla(0,0%,100%,.09),transparent 17%),radial-gradient(circle at 68% 76%,hsla(35,82%,68%,.04),transparent 20%),conic-gradient(from 140deg,hsla(0,0%,100%,.055),transparent 18%,rgba(0,0,0,.2) 31%,transparent 46%,hsla(0,0%,100%,.04) 62%,transparent 82%)}.ux-record-grooves{position:absolute;inset:2rem;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(42 46 46/var(--tw-border-opacity,1));background:repeating-radial-gradient(circle,transparent 0 10px,hsla(0,0%,100%,.08) 11px 12px),repeating-conic-gradient(from 20deg,hsla(0,0%,100%,.02) 0deg 8deg,transparent 8deg 18deg)}.ux-record-band{height:56%;width:56%;border-radius:9999px;border-width:1px;border-color:rgb(41 45 45/var(--tw-border-opacity,1));box-shadow:0 0 0 16px hsla(0,0%,100%,.018),inset 0 0 0 15px rgba(0,0,0,.14),inset 0 0 22px hsla(0,0%,100%,.035)}.ux-record-band,.ux-record-label{position:absolute;left:50%;top:50%;--tw-translate-x:-50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity:1}.ux-record-label{display:flex;height:8rem;width:8rem;flex-direction:column;align-items:center;justify-content:center;border-radius:9999px;border-width:1px;border-color:rgb(247 210 141/var(--tw-border-opacity,1));padding-left:1rem;padding-right:1rem;text-align:center;--tw-text-opacity:1;color:rgb(34 36 32/var(--tw-text-opacity,1))}@media (min-width:768px){.ux-record-label{height:11rem;width:11rem;padding-left:1.25rem;padding-right:1.25rem}}.ux-record-label{z-index:3;background:radial-gradient(circle at 35% 25%,hsla(0,0%,100%,.24),transparent 24%),var(--label-color,#f0b86a);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.58),inset 0 -12px 24px rgba(116,81,38,.14),0 10px 22px rgba(0,0,0,.24)}.ux-record-label strong{max-width:100%;font-size:13px;font-weight:600;line-height:1.25}@media (min-width:768px){.ux-record-label strong{font-size:16px}}.ux-record-label strong{text-wrap:balance}.ux-record-label span{margin-top:.5rem;max-width:100%;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;opacity:.8}@media (min-width:768px){.ux-record-label span{font-size:10px}}.ux-record-label:after{content:"";margin-top:.5rem;height:1rem;width:1rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(21 23 23/var(--tw-bg-opacity,1))}@media (min-width:768px){.ux-record-label:after{height:1.25rem;width:1.25rem}}.ux-record-label:after{box-shadow:inset 0 1px 1px hsla(0,0%,100%,.08)}.ux-tonearm{position:absolute;right:0;top:.5rem;height:300px;width:160px;overflow:visible;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}@media (min-width:768px){.ux-tonearm{right:.75rem;top:1.25rem;height:420px;width:220px}}.ux-tonearm{transform-origin:82% 12%;transform:rotate(-18deg)}.ux-tonearm.is-playing{transform:rotate(6deg)}.ux-now{margin-left:auto;margin-right:auto;max-width:24rem;text-align:center}@media (min-width:768px){.ux-now{grid-column-start:2;grid-row-start:1;margin-left:0;margin-right:0;align-self:flex-end;padding-bottom:1rem;text-align:left}}.ux-now p{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;--tw-text-opacity:1;color:rgb(154 122 80/var(--tw-text-opacity,1))}.ux-now h1{margin-top:.75rem;font-size:2.25rem;line-height:2.5rem;font-weight:600;letter-spacing:-.025em}@media (min-width:768px){.ux-now h1{font-size:3rem;line-height:1}}.ux-now span{margin-top:1rem;display:block;font-size:15px;line-height:1.625;--tw-text-opacity:1;color:rgb(116 107 96/var(--tw-text-opacity,1))}.ux-control-dock{margin-left:auto;margin-right:auto;margin-top:0;display:flex;max-width:48rem;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 213 195/var(--tw-border-opacity,1));background-color:hsla(0,0%,100%,.7);padding:.75rem 1rem;--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@media (min-width:768px){.ux-control-dock{grid-column-start:2;grid-row-start:2;margin-left:0;margin-right:0;align-self:flex-start}}.ux-control-dock{box-shadow:0 18px 36px rgba(112,98,82,.08),inset 0 1px 0 hsla(0,0%,100%,.9)}.ux-control-dock button{display:inline-flex;min-height:2.75rem;align-items:center;justify-content:center;gap:.5rem;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(223 209 189/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 253 248/var(--tw-bg-opacity,1));padding:.5rem 1rem;font-size:13px;font-weight:600;--tw-text-opacity:1;color:rgb(116 97 69/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.92),0 3px 0 #d6c4aa}.ux-control-dock button.is-active,.ux-control-dock button:active{transform:translateY(3px);box-shadow:inset 0 2px 7px rgba(112,98,82,.12),0 0 0 #d6c4aa}.ux-control-dock .ux-play{height:3.5rem;width:3.5rem;padding-left:0;padding-right:0}.ux-volume-control{position:relative}.ux-volume-popover{pointer-events:none;position:absolute;bottom:calc(100% + .85rem);left:50%;width:10rem;--tw-translate-x:-50%;--tw-translate-y:0.5rem;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(223 209 189/var(--tw-border-opacity,1));background-color:rgba(255,253,248,.95);padding:.75rem 1rem;opacity:0;--tw-backdrop-blur:blur(8px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;box-shadow:0 16px 30px rgba(112,98,82,.12),inset 0 1px 0 hsla(0,0%,100%,.9)}.ux-volume-control.is-open .ux-volume-popover,.ux-volume-popover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.ux-volume-control.is-open .ux-volume-popover{pointer-events:auto;--tw-translate-y:0px;opacity:1}.ux-volume-popover:after{content:"";position:absolute;left:50%;top:100%;height:.75rem;width:.75rem;--tw-translate-x:-50%;--tw-translate-y:-50%;--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-bottom-width:1px;border-right-width:1px;--tw-border-opacity:1;border-color:rgb(223 209 189/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 253 248/var(--tw-bg-opacity,1))}.ux-volume-popover input{height:.5rem;width:100%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(234 220 200/var(--tw-bg-opacity,1));accent-color:#bfa37a}.ux-volume-popover input::-webkit-slider-thumb{height:1.25rem;width:1.25rem;-webkit-appearance:none;appearance:none;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(159 132 93/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 250 242/var(--tw-bg-opacity,1));box-shadow:0 3px 0 #d6c4aa,0 8px 14px rgba(112,98,82,.12)}.ux-volume-popover input::-moz-range-thumb{height:1.25rem;width:1.25rem;border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(159 132 93/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 250 242/var(--tw-bg-opacity,1));box-shadow:0 3px 0 #d6c4aa,0 8px 14px rgba(112,98,82,.12)}.ux-music-drawer{margin-left:auto;margin-right:auto;width:100%;max-width:72rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(231 220 205/var(--tw-border-opacity,1));padding:1rem 0 0}@media (min-width:768px){.ux-music-drawer{grid-column-start:2;grid-row-start:3;margin-left:0;margin-right:0;max-width:none}}.ux-drawer-handle{margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;font-size:13px;font-weight:600;--tw-text-opacity:1;color:rgb(116 107 96/var(--tw-text-opacity,1))}.ux-drawer-body{display:grid;gap:1rem}@media (min-width:768px){.ux-drawer-body{gap:.75rem}}.ux-filter-row{display:flex;flex-wrap:wrap;align-content:flex-start;gap:.5rem}.ux-filter-row button{border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(224 210 190/var(--tw-border-opacity,1));background-color:hsla(0,0%,100%,.45);padding:.5rem .75rem;text-align:left;font-size:12px;--tw-text-opacity:1;color:rgb(116 107 96/var(--tw-text-opacity,1));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ux-filter-row button.is-active{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(30 30 30/var(--tw-text-opacity,1));border-color:#bfa37a}.ux-track-list{display:grid;max-height:390px;gap:.5rem;overflow-y:auto;padding-right:.25rem;scrollbar-width:thin;scrollbar-color:hsla(36,20%,49%,.35) transparent}.ux-track-list button{display:flex;min-height:50px;align-items:center;gap:.75rem;border-radius:1rem;border-width:1px;border-color:transparent;background-color:hsla(0,0%,100%,.45);padding:.75rem 1rem;text-align:left;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ux-track-list button:hover{--tw-border-opacity:1;border-color:rgb(216 197 172/var(--tw-border-opacity,1));background-color:hsla(0,0%,100%,.7)}.ux-track-list button.is-active{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-color:#bfa37a;box-shadow:0 10px 22px rgba(112,98,82,.08)}.ux-track-list span{height:2rem;width:.5rem;border-radius:9999px}.ux-track-list strong{min-width:0;flex:1 1 0%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.ux-track-list em{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;font-style:normal;--tw-text-opacity:1;color:rgb(138 118 90/var(--tw-text-opacity,1))}.ux-listening-foot{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.5rem;font-size:12px;--tw-text-opacity:1;color:rgb(131 118 104/var(--tw-text-opacity,1))}.ux-listening-foot span{border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(226 213 195/var(--tw-border-opacity,1));background-color:hsla(0,0%,100%,.35);padding:.375rem .75rem}@keyframes ux-record-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@media (max-width:760px){.ux-listening-stage{min-height:auto;padding-top:1.5rem;padding-bottom:1rem;gap:1rem;align-content:start}.ux-record-area{height:310px;width:310px}.ux-platter-shadow{height:300px;width:300px;left:47%;top:47%}.ux-record{height:286px;width:286px;left:47%;top:47%}.ux-record-grooves{inset:1.25rem}.ux-record-label{height:96px;width:96px;padding-left:.8rem;padding-right:.8rem}.ux-record-label strong{font-size:11px;line-height:1.1}.ux-record-label span{margin-top:.4rem;font-size:8px}.ux-tonearm{right:.35rem;top:.9rem;height:224px;width:124px}.ux-now h1{font-size:2rem;line-height:1.08}.ux-now span{margin-top:.75rem}.ux-control-dock{margin-top:0;border-radius:1.5rem;padding:.75rem}.ux-music-drawer{padding:1rem 1.25rem 1.75rem}.ux-drawer-handle{margin-bottom:.75rem}.ux-drawer-body{gap:.75rem}.ux-filter-row{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.25rem}.ux-filter-row button{flex-shrink:0}.ux-track-list{max-height:none;gap:.5rem;overflow:visible;padding-right:0}}.music-filter-panel,.track-shelf{border-radius:1.5rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(212 194 168/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 248 235/var(--tw-bg-opacity,1));padding:1.25rem;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.78),0 14px 32px rgba(87,64,37,.08)}.filter-chip{border-radius:9999px;border-width:1px;--tw-border-opacity:1;border-color:rgb(212 194 168/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(247 236 217/var(--tw-bg-opacity,1));padding:.5rem 1rem;text-align:left;font-size:13px;--tw-text-opacity:1;color:rgb(113 103 92/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.filter-chip.is-active,.filter-chip:hover{--tw-text-opacity:1;color:rgb(45 33 22/var(--tw-text-opacity,1));border-color:#a77945;background:#ead0a6;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.62),0 5px 12px rgba(87,64,37,.1)}.track-tape{display:flex;width:100%;align-items:center;gap:1rem;border-radius:1rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(219 203 180/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(247 236 217/var(--tw-bg-opacity,1));padding:.75rem 1rem;text-align:left;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.track-tape.is-active,.track-tape:hover{border-color:#a77945;background:#fff6e8;transform:translateY(-1px);box-shadow:0 8px 18px rgba(87,64,37,.1)}.track-color{height:2.5rem;width:.5rem;border-radius:9999px}@media (max-width:640px){.cabinet-stage{padding:.75rem}.cabinet-card,.cabinet-front{min-height:286px}.cabinet-card:hover .cabinet-front,.cabinet-front{transform:translateZ(0)}.music-hero-card{min-height:500px}.music-disc{right:-6rem;top:-3rem;height:16rem;width:16rem}.music-room{padding:1rem}.press-button.play{height:4rem;width:4rem}}.absolute{position:absolute}.relative{position:relative}.inset-y-0{top:0;bottom:0}.left-0{left:0}.top-1\/2{top:50%}.m-0{margin:0}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-8{margin-bottom:2rem}.ml-0\.5{margin-left:.125rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-3\.5{margin-top:.875rem}.mt-5{margin-top:1.25rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.h-1{height:.25rem}.h-10{height:2.5rem}.h-14{height:3.5rem}.h-3{height:.75rem}.h-\[116px\]{height:116px}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-14{width:3.5rem}.w-3{width:.75rem}.w-8{width:2rem}.w-\[116px\]{width:116px}.w-full{width:100%}.min-w-0{min-width:0}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-\[720px\]{max-width:720px}.max-w-md{max-width:28rem}.max-w-page{max-width:1120px}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded-\[18px\]{border-radius:18px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-\[\#1A1713\]{--tw-border-opacity:1;border-color:rgb(26 23 19/var(--tw-border-opacity,1))}.border-\[\#d4c2a8\]{--tw-border-opacity:1;border-color:rgb(212 194 168/var(--tw-border-opacity,1))}.border-accent{--tw-border-opacity:1;border-color:rgb(154 123 79/var(--tw-border-opacity,1))}.border-line{--tw-border-opacity:1;border-color:rgb(221 214 204/var(--tw-border-opacity,1))}.bg-\[\#FFD84D\]{--tw-bg-opacity:1;background-color:rgb(255 216 77/var(--tw-bg-opacity,1))}.bg-\[\#FFFBF1\]{--tw-bg-opacity:1;background-color:rgb(255 251 241/var(--tw-bg-opacity,1))}.bg-\[\#f6efe4\]{--tw-bg-opacity:1;background-color:rgb(246 239 228/var(--tw-bg-opacity,1))}.bg-\[\#fffaf0\]{--tw-bg-opacity:1;background-color:rgb(255 250 240/var(--tw-bg-opacity,1))}.bg-accent{--tw-bg-opacity:1;background-color:rgb(154 123 79/var(--tw-bg-opacity,1))}.bg-card{--tw-bg-opacity:1;background-color:rgb(251 250 247/var(--tw-bg-opacity,1))}.bg-line{--tw-bg-opacity:1;background-color:rgb(221 214 204/var(--tw-bg-opacity,1))}.bg-page{--tw-bg-opacity:1;background-color:rgb(247 244 239/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-5{padding:1.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-\[9px\]{padding-left:9px;padding-right:9px}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-\[3px\]{padding-top:3px;padding-bottom:3px}.pt-7{padding-top:1.75rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[28px\]{font-size:28px}.text-\[8\.5px\]{font-size:8.5px}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.not-italic{font-style:normal}.leading-\[1\.8\]{line-height:1.8}.leading-\[1\.9\]{line-height:1.9}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-tight{line-height:1.25}.tracking-\[-0\.02em\]{letter-spacing:-.02em}.tracking-\[0\.08em\]{letter-spacing:.08em}.tracking-\[0\.14em\]{letter-spacing:.14em}.tracking-\[0\.15em\]{letter-spacing:.15em}.tracking-\[0\.16em\]{letter-spacing:.16em}.tracking-\[0\.18em\]{letter-spacing:.18em}.tracking-\[0\.1em\]{letter-spacing:.1em}.tracking-\[0\.2em\]{letter-spacing:.2em}.tracking-tight{letter-spacing:-.025em}.text-\[\#1A1713\]{--tw-text-opacity:1;color:rgb(26 23 19/var(--tw-text-opacity,1))}.text-\[\#403A31\]{--tw-text-opacity:1;color:rgb(64 58 49/var(--tw-text-opacity,1))}.text-\[\#71675c\]{--tw-text-opacity:1;color:rgb(113 103 92/var(--tw-text-opacity,1))}.text-\[\#766c60\]{--tw-text-opacity:1;color:rgb(118 108 96/var(--tw-text-opacity,1))}.text-\[\#7A7164\]{--tw-text-opacity:1;color:rgb(122 113 100/var(--tw-text-opacity,1))}.text-\[\#806b4f\]{--tw-text-opacity:1;color:rgb(128 107 79/var(--tw-text-opacity,1))}.text-\[\#8a765a\]{--tw-text-opacity:1;color:rgb(138 118 90/var(--tw-text-opacity,1))}.text-\[\#8b6739\]{--tw-text-opacity:1;color:rgb(139 103 57/var(--tw-text-opacity,1))}.text-\[\#9A7B4F\]{--tw-text-opacity:1;color:rgb(154 123 79/var(--tw-text-opacity,1))}.text-\[\#9a7a50\]{--tw-text-opacity:1;color:rgb(154 122 80/var(--tw-text-opacity,1))}.text-\[\#9b7142\]{--tw-text-opacity:1;color:rgb(155 113 66/var(--tw-text-opacity,1))}.text-\[\#a47a45\]{--tw-text-opacity:1;color:rgb(164 122 69/var(--tw-text-opacity,1))}.text-accent{--tw-text-opacity:1;color:rgb(154 123 79/var(--tw-text-opacity,1))}.text-ink{--tw-text-opacity:1;color:rgb(30 30 30/var(--tw-text-opacity,1))}.text-muted{--tw-text-opacity:1;color:rgb(111 106 97/var(--tw-text-opacity,1))}.text-muted\/60{color:hsla(39,7%,41%,.6)}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-transform{transition-duration:.15s}.duration-200{transition-duration:.2s}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f4ef;color:#1e1e1e;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes music-note-bounce{0%,to{transform:translateY(2px) scale(.86) rotate(-8deg)}45%{transform:translateY(-5px) scale(1.08) rotate(8deg)}}@media (prefers-reduced-motion:reduce){.nav-link:focus-visible .music-hover-note,.nav-link:hover .music-hover-note{animation:none;transform:translateY(0) scale(1) rotate(0deg)}}.tl-page{--paper:#fffbf1;--paper-2:#fbf3e2;--ink:#1a1713;--ink-soft:#403a31;--muted:#7a7164;--butter:#ffd84d;--butter-soft:#fceba8;--clay:#e2703a;--clay-soft:#f6c6a8;--sky:#8fbedc;--sky-soft:#cfe4f1;--mint:#a8c8a6;--mint-soft:#d6e6d2;--line:#e2d7c3;--font-display:"Inter Tight","Inter","Helvetica Neue","Arial Black","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--font-body:"Inter","Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,sans-serif;--font-mono:"SFMono-Regular","JetBrains Mono","Consolas","PingFang SC",monospace;--gutter:clamp(20px,5vw,48px);--page:min(1180px,100%);position:relative;min-height:100vh;overflow-x:clip;background-color:var(--paper);color:var(--ink);font-family:var(--font-body)}.tl-page ::-moz-selection{background:var(--butter);color:var(--ink)}.tl-page ::selection{background:var(--butter);color:var(--ink)}.tl-page a:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.tl-wrap{position:relative;z-index:1}.tl-shell{width:var(--page);margin-inline:auto;padding-inline:var(--gutter)}.tl-grain,.tl-grain-noise{position:fixed;inset:0;pointer-events:none;z-index:0}.tl-grain{background-image:radial-gradient(rgba(26,23,19,.055) 1px,transparent 1.2px);background-size:5px 5px;opacity:.55;mix-blend-mode:multiply}.tl-grain-noise{opacity:.32;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='.38'/></svg>")}.tl-topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px) saturate(1.1);background:color-mix(in srgb,var(--paper) 82%,transparent);border-bottom:1px solid rgba(26,23,19,.07)}.tl-topbar .tl-shell{justify-content:space-between;gap:16px;height:60px}.tl-brand,.tl-topbar .tl-shell{display:flex;align-items:center}.tl-brand{gap:10px;text-decoration:none;color:inherit}.tl-brand-dot{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 32% 28%,#ffe9a3,var(--butter) 55%,#e9b62c);box-shadow:0 1px 0 rgba(26,23,19,.18),inset 0 -2px 4px rgba(26,23,19,.12);flex:0 0 auto}.tl-brand-name{font-family:var(--font-display);font-weight:800;font-size:15px;letter-spacing:-.01em}.tl-brand-name small{display:block;font-family:var(--font-mono);font-weight:500;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-block-start:1px}.tl-nav{display:flex;align-items:center;gap:2px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.tl-nav::-webkit-scrollbar{display:none}.tl-nav a{flex:0 0 auto;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-soft);text-decoration:none;padding-block:7px;padding-inline:10px;border-radius:999px;border:1px solid transparent;transition:background .18s ease,border-color .18s ease,transform .18s ease}.tl-nav a:hover{background:var(--butter-soft);border-color:rgba(26,23,19,.1);transform:translateY(-1px)}@media (max-width:719px){.tl-nav{gap:0}.tl-nav a{padding-block:6px;padding-inline:8px;font-size:10px}.tl-brand-name small{display:none}}.tl-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0;display:inline-flex;align-items:center;gap:8px}.tl-eyebrow:before{content:"";width:22px;height:1px;background:currentColor;opacity:.5;display:block}.tl-section{padding-block:clamp(46px,6.5vw,82px)}.tl-divider{height:1px;background:var(--line);border:0;margin:0}.tl-rv{opacity:0;translate:0 22px;transition:opacity .7s cubic-bezier(.2,.7,.3,1),translate .7s cubic-bezier(.2,.7,.3,1)}.tl-rv.tl-in{opacity:1;translate:0 0}.tl-hero{padding-block-start:clamp(34px,7vw,72px);padding-block-end:clamp(20px,4vw,40px)}.tl-hero-grid{display:grid;gap:clamp(28px,4vw,52px);align-items:center}@media (min-width:1100px){.tl-hero-grid{grid-template-columns:1.12fr .88fr;align-items:center}}.tl-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(32px,8.2vw,44px);line-height:1.1;letter-spacing:-.035em;margin-block:18px 0;margin-inline:0;text-wrap:balance}@media (min-width:1100px){.tl-hero h1{font-size:clamp(40px,4.1vw,60px);line-height:1.06}}.tl-hero h1 .tl-row{display:block}.tl-marker{position:relative;isolation:isolate;display:inline-block;white-space:nowrap;padding-inline:.06em}.tl-marker:before{content:"";position:absolute;z-index:-1;left:-.05em;right:-.05em;top:.12em;bottom:.06em;background:linear-gradient(180deg,#ffe070,var(--butter));clip-path:polygon(1% 12%,99% 4%,100% 86%,97% 96%,2% 100%,0 20%);transform:rotate(-1.1deg)}.tl-hero-sub{margin-block:22px 0;margin-inline:0;max-width:46ch;font-size:clamp(14.5px,2.2vw,17px);line-height:1.85;color:var(--ink-soft)}.tl-hero-sub b{font-weight:600;box-shadow:inset 0 -6px 0 var(--butter-soft);white-space:nowrap}.tl-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:28px;align-items:center}.tl-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-weight:700;font-size:14px;text-decoration:none;color:var(--ink);padding-block:13px;padding-inline:20px;border-radius:999px;border:1.5px solid var(--ink);background:var(--butter);box-shadow:3px 3px 0 var(--ink);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.tl-btn:hover{transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.tl-btn.tl-ghost{background:transparent;box-shadow:3px 3px 0 rgba(26,23,19,.18);border-color:rgba(26,23,19,.35);color:var(--ink-soft)}.tl-btn.tl-ghost:hover{background:#fff;box-shadow:1px 1px 0 rgba(26,23,19,.18)}.tl-btn .tl-arw{transition:transform .18s ease}.tl-btn:hover .tl-arw{transform:translateX(3px)}.tl-scribble{font-family:var(--font-display);font-weight:600;font-size:12.5px;color:var(--clay);transform:rotate(-3deg);display:inline-flex;align-items:center;gap:6px;margin-block-start:6px}.tl-doodle-arrow{width:44px;height:26px;flex:0 0 auto}.tl-doodle-arrow path{stroke:var(--clay);stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.tl-hero-plates{position:relative;min-height:250px;display:flex;justify-content:center;align-items:center;width:100%;max-width:520px;margin-inline:auto}.tl-seal{position:absolute;left:-16px;bottom:-12px;z-index:3;width:78px;height:78px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--clay);color:#fff7e8;border:1.5px solid var(--ink);box-shadow:2px 2px 0 rgba(26,23,19,.85);font-family:var(--font-mono);font-size:8.5px;line-height:1.35;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-9deg)}.tl-plate{position:relative;border:1px solid rgba(26,23,19,.14);background:#fff;padding-block:9px 34px;padding-inline:9px;margin-block:0;margin-inline:0;box-shadow:0 10px 24px -14px rgba(26,23,19,.45)}.tl-plate .tl-ph{display:block;position:relative;overflow:hidden;width:100%;height:100%;background:#eee;box-shadow:inset 0 0 0 1px rgba(26,23,19,.05)}.tl-plate-a .tl-ph:after{content:"";position:absolute;left:17%;top:19%;width:52px;height:52px;border-radius:50%;background:radial-gradient(circle at 40% 36%,#fff8d8,#ffd98a 68%,rgba(255,217,138,0) 72%);box-shadow:0 0 38px 12px rgba(255,214,140,.6)}.tl-plate-b .tl-ph:after{content:"";position:absolute;left:0;right:0;bottom:32%;height:1px;background:hsla(0,0%,100%,.6)}.tl-plate figcaption{position:absolute;left:0;right:0;bottom:9px;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tl-plate-a{width:min(68%,280px);transform:rotate(-4.5deg);z-index:2}.tl-plate-a .tl-ph{height:190px;background:radial-gradient(120% 90% at 15% 10%,#ffe9a8 0,transparent 55%),radial-gradient(90% 80% at 85% 20%,#f6c6a8 0,transparent 60%),linear-gradient(160deg,#fbe7b8,#efc08a 55%,#d98e62)}.tl-plate-b{width:min(44%,158px);position:absolute;right:-6px;bottom:-14px;transform:rotate(6deg);z-index:1}.tl-plate-b .tl-ph{height:130px;background:radial-gradient(100% 90% at 80% 15%,#cfe4f1 0,transparent 60%),linear-gradient(200deg,#dff0f6,#a8c9dd 60%,#7fa8c6)}.tl-tape{position:absolute;top:-11px;left:50%;translate:-50% 0;width:74px;height:24px;background:rgba(255,252,235,.62);border:1px solid rgba(26,23,19,.09);box-shadow:0 2px 5px rgba(26,23,19,.08);transform:rotate(-3deg);backdrop-filter:blur(1px)}.tl-plate-b .tl-tape{width:58px;height:20px;transform:rotate(5deg)}@media (min-width:1100px){.tl-plate-a{width:min(72%,318px)}.tl-plate-a .tl-ph{height:212px}.tl-plate-b{width:min(46%,176px)}.tl-plate-b .tl-ph{height:138px}}@media (max-width:1099px){.tl-hero-plates{min-height:214px;margin-block-start:4px;justify-content:flex-start;max-width:460px}.tl-plate-a{width:57%;transform:rotate(-3deg)}.tl-plate-a .tl-ph{height:126px}.tl-plate-b{width:35%;right:3%;bottom:-4px}.tl-plate-b .tl-ph{height:84px}.tl-plate figcaption{font-size:8.5px;letter-spacing:.08em;bottom:7px}.tl-seal{width:62px;height:62px;font-size:7px;left:-10px;bottom:-8px}}.tl-marquee{overflow:hidden;border-top:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);background:var(--butter-soft);padding-block:9px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.tl-marquee-track{display:flex;width:-moz-max-content;width:max-content;animation:tl-slide 26s linear infinite}.tl-marquee span{font-family:var(--font-display);font-weight:800;font-size:clamp(20px,4vw,32px);letter-spacing:-.02em;padding-inline:.38em;white-space:nowrap;color:transparent;-webkit-text-stroke:1.1px var(--ink)}.tl-marquee span.tl-solid{color:var(--ink);-webkit-text-stroke:0}.tl-marquee .tl-dot{opacity:.55;-webkit-text-stroke:0;color:var(--clay);font-size:.6em;display:flex;align-items:center}@keyframes tl-slide{to{transform:translateX(-50%)}}.tl-sec-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-block-end:clamp(24px,4vw,42px)}@media (min-width:820px){.tl-sec-head{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:28px}}.tl-sec-title{font-family:var(--font-display);font-weight:800;font-size:clamp(26px,5.4vw,44px);line-height:1.08;letter-spacing:-.03em;margin-block:10px 0;margin-inline:0}.tl-sec-note{font-size:13.5px;line-height:1.8;color:var(--muted);max-width:34ch;margin:0;flex:0 0 auto}@media (min-width:820px){.tl-sec-note{padding-block-end:6px}}.tl-cards{display:grid;gap:clamp(14px,2.4vw,22px)}@media (min-width:640px){.tl-cards{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.tl-cards{grid-template-columns:repeat(3,1fr)}}.tl-card{position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;padding-block:clamp(18px,3vw,26px);padding-inline:clamp(18px,3vw,26px);min-height:clamp(148px,20vw,196px);border:1.5px solid var(--ink);background:#fff;box-shadow:4px 4px 0 rgba(26,23,19,.9);transform:rotate(var(--tilt,0deg));transition:transform .22s cubic-bezier(.2,.7,.3,1),box-shadow .22s ease;overflow:hidden}.tl-card:after{inset:0;background:radial-gradient(rgba(26,23,19,.07) 1px,transparent 1.2px);background-size:6px 6px;opacity:.35;mix-blend-mode:multiply}.tl-card:after,.tl-card:before{content:"";position:absolute;pointer-events:none}.tl-card:before{top:0;right:0;width:24px;height:24px;background:linear-gradient(225deg,var(--paper) 46%,rgba(26,23,19,.22) 46%,rgba(26,23,19,.22) 49%,transparent 49%)}.tl-card:hover{transform:rotate(0deg) translate(-2px,-3px);box-shadow:7px 8px 0 rgba(26,23,19,.9)}.tl-card:active{transform:rotate(0deg) translate(1px,1px);box-shadow:2px 2px 0 rgba(26,23,19,.9)}.tl-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tl-card-no{font-size:11px;letter-spacing:.14em;color:var(--ink);background:var(--tone,#fff);border:1.2px solid var(--ink);padding-block:2px;padding-inline:7px;border-radius:999px}.tl-card-en,.tl-card-no{font-family:var(--font-mono)}.tl-card-en{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.tl-card h3{font-family:var(--font-display);font-weight:800;font-size:clamp(20px,3.4vw,26px);letter-spacing:-.025em;margin-block:13px 0;margin-inline:0;line-height:1.15}.tl-card p{margin-block:8px 0;margin-inline:0;font-size:13px;line-height:1.7;color:var(--ink-soft)}.tl-card-foot{margin-block-start:auto;padding-block-start:16px;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.tl-card-foot .tl-go{display:inline-flex;align-items:center;gap:5px;color:var(--ink)}.tl-card:hover .tl-go .tl-arw{transform:translateX(3px)}.tl-card .tl-arw{transition:transform .2s ease}.tl-c-butter{--tone:var(--butter)}.tl-c-clay{--tone:var(--clay-soft)}.tl-c-sky{--tone:var(--sky-soft)}.tl-c-mint{--tone:var(--mint-soft)}.tl-c-paper{--tone:var(--paper-2)}.tl-c-lilac{--tone:#e3d9f0}.tl-now-list{display:grid;gap:12px}@media (min-width:760px){.tl-now-list{grid-template-columns:repeat(3,1fr)}}.tl-now{position:relative;border:1.5px dashed rgba(26,23,19,.4);background:hsla(0,0%,100%,.55);padding-block:18px 20px;padding-inline:18px;border-radius:4px;transform:rotate(var(--tilt,0deg));transition:transform .2s ease,background .2s ease}.tl-now:hover{transform:rotate(0deg);background:#fff}.tl-now .tl-tag{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:var(--ink);padding-block:3px;padding-inline:7px;border-radius:3px}.tl-now h4{font-family:var(--font-display);font-weight:700;font-size:16.5px;margin-block:12px 0;margin-inline:0;letter-spacing:-.01em}.tl-now p{margin-block:6px 0;margin-inline:0;font-size:13px;line-height:1.7;color:var(--muted)}.tl-updates{border-top:1.5px solid var(--ink)}.tl-up-row{display:grid;gap:4px 20px;padding-block:16px;padding-inline:2px;border-bottom:1px solid var(--line);text-decoration:none;color:inherit;transition:background .16s ease,padding-inline-start .16s ease}@media (min-width:720px){.tl-up-row{grid-template-columns:104px 1fr auto;align-items:baseline}}.tl-up-row:hover{background:rgba(255,216,77,.16);padding-inline-start:8px}.tl-up-date{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--muted)}.tl-up-title{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.005em}.tl-up-cat{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:var(--tone,var(--butter-soft));justify-self:start;margin-block-start:4px;padding-block:3px;padding-inline:8px;border-radius:999px;border:1px solid rgba(26,23,19,.12)}@media (min-width:720px){.tl-up-cat{margin-block-start:0}}.tl-about-grid{display:grid;gap:clamp(24px,4vw,48px)}@media (min-width:900px){.tl-about-grid{grid-template-columns:.9fr 1.1fr;align-items:start}}.tl-quote-card{position:relative;background:#fff;border:1.5px solid var(--ink);box-shadow:5px 5px 0 var(--clay);padding-block:clamp(30px,3.4vw,38px) clamp(22px,3.4vw,32px);padding-inline:clamp(22px,3.4vw,32px);margin-inline:3px;transform:rotate(-.7deg)}.tl-quote-card p{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(17px,2.6vw,22px);line-height:1.6;letter-spacing:-.015em}.tl-quote-card p+p{margin-block-start:14px;font-weight:400;font-size:14px;line-height:1.85;color:var(--ink-soft)}.tl-quote-card .tl-big-quote{position:absolute;top:-14px;left:10px;font-family:var(--font-display);font-size:56px;line-height:1;color:#e8be2e;font-weight:900;pointer-events:none}.tl-about-body p{margin-block:0 16px;margin-inline:0;font-size:14.5px;line-height:1.9;color:var(--ink-soft);max-width:52ch}.tl-about-body p:last-child{margin-block-end:0}.tl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:20px}.tl-chip{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;border:1.2px solid rgba(26,23,19,.28);border-radius:999px;padding-block:6px;padding-inline:11px;color:var(--ink-soft);background:hsla(0,0%,100%,.6)}.tl-contact-grid{display:grid;gap:12px}@media (min-width:640px){.tl-contact-grid{grid-template-columns:repeat(3,1fr)}}.tl-sticker{display:flex;align-items:center;justify-content:space-between;margin-inline:2px;text-decoration:none;color:var(--ink);border:1.5px solid var(--ink);padding-block:18px;padding-inline:20px;border-radius:999px;font-family:var(--font-display);font-weight:700;font-size:15px;background:var(--tone,#fff);box-shadow:3px 3px 0 rgba(26,23,19,.85);transform:rotate(var(--tilt,0deg));transition:transform .18s ease,box-shadow .18s ease}.tl-sticker:hover{transform:rotate(0deg) translate(-1px,-2px);box-shadow:5px 6px 0 rgba(26,23,19,.85)}.tl-sticker small{font-family:var(--font-mono);font-size:9.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(26,23,19,.55);font-weight:500}.tl-footer{padding-block:clamp(34px,6vw,56px) clamp(30px,5vw,44px)}.tl-footer-inner{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-block-start:20px;border-top:1px solid var(--line)}@media (min-width:720px){.tl-footer-inner{flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px}}.tl-footer-links{display:flex;gap:18px}.tl-footer-links a{color:var(--muted);text-decoration:none;transition:color .16s ease}.tl-footer-links a:hover{color:var(--ink)}.tl-signoff{font-family:var(--font-display);font-weight:600;font-size:12px;color:var(--clay);transform:rotate(-2deg);display:inline-block}.tl-totop{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:60;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:1.5px solid var(--ink);background:var(--paper);box-shadow:2px 2px 0 rgba(26,23,19,.85);text-decoration:none;color:var(--ink);font-size:15px;opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.tl-totop.tl-show{opacity:1;pointer-events:auto}@media (prefers-reduced-motion:reduce){.tl-rv,.tl-rv.tl-in{opacity:1;translate:none;transition:none}.tl-marquee-track{animation:none!important}.tl-btn,.tl-card,.tl-footer-links a,.tl-nav a,.tl-now,.tl-sticker,.tl-totop,.tl-up-row{transition:none}.tl-btn:hover,.tl-card:active,.tl-card:hover,.tl-nav a:hover,.tl-now:hover,.tl-sticker:hover{transform:rotate(var(--tilt,0deg))}.tl-btn:hover .tl-arw,.tl-card:hover .tl-go .tl-arw{transform:none}}.hover\:translate-x-\[1px\]:hover{--tw-translate-x:1px}.hover\:translate-x-\[1px\]:hover,.hover\:translate-y-\[1px\]:hover{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\:translate-y-\[1px\]:hover{--tw-translate-y:1px}.hover\:bg-accent-hover:hover{--tw-bg-opacity:1;background-color:rgb(111 86 50/var(--tw-bg-opacity,1))}.hover\:bg-line\/50:hover{background-color:hsla(35,20%,83%,.5)}.hover\:text-ink:hover{--tw-text-opacity:1;color:rgb(30 30 30/var(--tw-text-opacity,1))}.group:hover .group-hover\:-translate-y-0\.5{--tw-translate-y:-0.125rem}.group:hover .group-hover\:-translate-y-0\.5,.group:hover .group-hover\:translate-x-0\.5{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .group-hover\:translate-x-0\.5{--tw-translate-x:0.125rem}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:block{display:block}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:gap-6{gap:1.5rem}.sm\:p-6{padding:1.5rem}}@media (min-width:768px){.md\:grid-cols-\[0\.85fr_1\.15fr\]{grid-template-columns:.85fr 1.15fr}.md\:items-end{align-items:flex-end}.md\:justify-start{justify-content:flex-start}.md\:justify-self-end{justify-self:end}.md\:px-10{padding-left:2.5rem;padding-right:2.5rem}.md\:py-12{padding-top:3rem;padding-bottom:3rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-6xl{font-size:3.75rem;line-height:1}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:grid-cols-\[280px_1fr\]{grid-template-columns:280px 1fr}.lg\:flex-col{flex-direction:column}}