:root{--color-bg:#050505;--color-surface:#111;--color-surface-raised:#181818;--color-text:#dbd0bd;--color-text-warm:#e9dfcd;--color-text-muted:#9c968e;--color-text-faint:#847d75;--color-accent:#b45338;--color-accent-text:#d0704e;--color-accent-dim:#7d3826;--color-line:#dbd0bd38;--color-line-faint:#dbd0bd1a;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--page-gutter:clamp(20px, 4vw, 56px);--rail-width:300px;--ease-mech:cubic-bezier(.22, .61, .36, 1);--ease-snap:cubic-bezier(.16, 1, .3, 1);--dur-fast:.14s;--dur-base:.26s;--dur-slow:.52s;--font-sans:"Inter", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "SFMono-Regular", "JetBrains Mono", "Roboto Mono", Menlo, Consolas, monospace}body{font-family:var(--font-sans);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}h1,h2,h3{letter-spacing:-.03em;margin:0;font-weight:600;line-height:1.04}.t-display{letter-spacing:-.045em;text-transform:uppercase;font-size:clamp(2.4rem,6.2vw,4.6rem);font-weight:700;line-height:.96}.t-title{font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:600}.t-body{color:var(--color-text-muted);max-width:62ch;font-size:1rem}.t-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.08em;text-transform:uppercase}.t-label{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-text-faint);font-size:.688rem}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--color-bg);color:var(--color-text);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:-100px;left:var(--page-gutter);z-index:50;padding:var(--space-3) var(--space-4);background:var(--color-accent-text);color:var(--color-bg);position:absolute}.skip-link:focus{top:var(--space-3)}.site{grid-template-rows:auto 1fr;min-height:100svh;display:grid}.site__main{min-height:0}.site{min-height:100svh}.page{padding:var(--space-6) var(--page-gutter) var(--space-8)}.header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--page-gutter);display:flex}.header__brand{align-items:center;gap:var(--space-3);display:inline-flex}.nav{align-items:center;gap:var(--space-5);display:flex}.nav__link{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-2) 0;transition:color var(--dur-fast) var(--ease-mech);font-size:.75rem;position:relative}.nav__link:hover,.nav__link[aria-current=page]{color:var(--color-text)}.nav__link[aria-current=page]:after{content:"";background:var(--color-accent);height:1px;position:absolute;bottom:0;left:0;right:0}.brand-mark{width:auto;height:28px;color:var(--color-text);display:block}.brand-word{letter-spacing:.16em;text-transform:uppercase;font-size:.95rem;font-weight:700}.home{grid-template-columns:minmax(0, 1fr) var(--rail-width);gap:var(--space-4) var(--space-7);height:100%;padding:0 var(--page-gutter) var(--space-5);grid-template-rows:minmax(240px,1fr) auto auto;display:grid}.home__stage{isolation:isolate;grid-area:1/1;min-height:0;position:relative}.home__stage:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(48% 44% at 50% 47%,#b4533821,#0000 72%),radial-gradient(62% 56%,#dbd0bd13,#0000 74%);position:absolute;inset:-6% -4%}.home__stage:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000,#dbd0bd29 22% 78%,#0000);width:min(62%,560px);height:2px;position:absolute;bottom:13%;left:50%;transform:translate(-50%)}.home__rail{grid-area:1/2/span 2;align-self:center;min-width:0}.home__tuner{grid-area:2/1}.home__footline{justify-content:space-between;align-items:flex-end;gap:var(--space-5);border-top:1px solid var(--color-line-faint);padding-top:var(--space-4);grid-area:3/1/auto/-1;display:flex}.home__motto{color:var(--color-text-warm);margin:0;font-size:clamp(1.5rem,2.6vw,2.2rem)}.home__motto>span{white-space:nowrap;display:block}.home__motto .accent{color:var(--color-accent)}.stage__canvas{position:absolute;inset:0}.stage__canvas canvas{touch-action:none;display:block}.stage__fallback{place-items:center;display:grid;position:absolute;inset:0}.tuner{gap:var(--space-3);display:grid}.tuner__readout{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.tuner__value{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--color-text-warm);font-size:clamp(1.5rem,3vw,2.1rem);font-weight:500}.tuner__value.is-locked{color:var(--color-accent-text)}.tuner__unit{letter-spacing:.2em;color:var(--color-text-muted);margin-left:.4em;font-size:.55em}.tuner__scale{cursor:ew-resize;touch-action:none;border-top:1px solid var(--color-line);height:64px;position:relative}.tuner__ticks{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tuner__groove{pointer-events:none;background:linear-gradient(#000 0%,#1d1815 55%,#3a332c 100%);border-radius:3px;height:5px;position:absolute;top:26px;left:0;right:0;box-shadow:inset 0 1px 3px #000000f2,0 1px #dbd0bd1f}.tuner__fader{pointer-events:none;width:26px;height:44px;transition:filter var(--dur-fast) var(--ease-mech);background:linear-gradient(#55504a 0%,#3b3631 34%,#16130f 50%,#322d28 66%,#4a443e 100%);border:1px solid #000000e6;border-radius:3px;margin-left:-13px;position:absolute;top:6px;box-shadow:0 3px 7px #000c,inset 0 1px #e9dfcd47,inset 0 -1px #000000b3}.tuner__fader:before,.tuner__fader:after{content:"";background:#0000008c;height:1px;position:absolute;left:3px;right:3px;box-shadow:0 1px #e9dfcd1f}.tuner__fader:before{top:11px}.tuner__fader:after{bottom:11px}.tuner__fader-line{background:var(--color-accent-text);border-radius:1px;height:2px;margin-top:-1px;position:absolute;top:50%;left:-3px;right:-3px;box-shadow:0 0 5px #d0704e73}.tuner__scale:hover .tuner__fader,.tuner__scale:focus-visible .tuner__fader{filter:brightness(1.12)}.tuner__scale.is-tuning .tuner__fader{filter:brightness(1.2)}.tuner__marker{background:var(--color-text-faint);pointer-events:none;width:1px;height:7px;margin-left:-.5px;position:absolute;top:17px}.tuner__marker.is-project{background:var(--color-text-muted);width:2px;margin-left:-1px}.tuner__hint{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-faint);font-size:.625rem}.signal{border:1px solid var(--color-line-faint);background:var(--color-surface);padding:var(--space-5);align-content:start;gap:var(--space-4);height:332px;display:grid;position:relative;overflow:hidden}.signal__noise{opacity:.055;mix-blend-mode:screen;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.signal__head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex;position:relative}.signal__status{align-items:center;gap:var(--space-2);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);font-size:.688rem;display:inline-flex}.signal__status.is-locked{color:var(--color-accent-text)}.signal__dot{background:currentColor;border-radius:50%;width:6px;height:6px}.signal__body{gap:var(--space-3);display:grid;position:relative}.signal__empty{font-family:var(--font-mono);letter-spacing:.16em;color:var(--color-text-faint);text-transform:uppercase;font-size:.75rem}.signal__bars{align-items:flex-end;gap:3px;height:14px;display:flex}.signal__bar{width:3px;transition:background var(--dur-fast) var(--ease-mech);background:#615d5873}.signal__bar.is-on{background:var(--color-accent)}.preview{gap:var(--space-3);display:grid}.preview__title{letter-spacing:-.02em;text-transform:uppercase;font-size:1.55rem;font-weight:700;line-height:1}.preview__meta{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);font-size:.688rem}.preview__desc{color:var(--color-text-muted);font-size:.875rem;line-height:1.5}.btn{justify-content:space-between;align-items:center;gap:var(--space-4);border:1px solid var(--color-line);padding:var(--space-3) var(--space-4);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text);transition:border-color var(--dur-fast) var(--ease-mech), background var(--dur-fast) var(--ease-mech), color var(--dur-fast) var(--ease-mech);font-size:.688rem;display:inline-flex}.btn:hover,.btn--accent{border-color:var(--color-accent);color:var(--color-accent-text)}.btn--accent:hover{background:var(--color-accent-text);color:var(--color-bg)}.btn--quiet{color:var(--color-text-muted);border-color:#0000;padding-left:0}.btn--quiet:hover{color:var(--color-text);border-color:#0000}.works{gap:var(--space-6);display:grid}.works__list{border-top:1px solid var(--color-line-faint);margin:0;padding:0;list-style:none}.works__row{border-bottom:1px solid var(--color-line-faint)}.works__link{align-items:center;gap:var(--space-5);padding:var(--space-5) 0;transition:color var(--dur-fast) var(--ease-mech);grid-template-columns:120px minmax(0,1fr) auto;display:grid}.works__link:hover .works__name,.works__link:focus-visible .works__name{color:var(--color-accent-text)}.works__freq{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.1em;color:var(--color-text-muted);font-size:.875rem}.works__name{letter-spacing:-.02em;text-transform:uppercase;transition:color var(--dur-fast) var(--ease-mech);font-size:clamp(1.4rem,3vw,2rem);font-weight:700}.works__aside{justify-items:end;gap:var(--space-1);text-align:right;max-width:34ch;display:grid}.works__row--future .works__name{color:var(--color-text-faint)}.detail{gap:var(--space-6);max-width:900px;display:grid}.detail__head{gap:var(--space-3);display:grid}.detail__hero{aspect-ratio:2.4;border:1px solid var(--color-line-faint);background:radial-gradient(120% 140% at 20% 0%, #c95a2824, transparent 60%), var(--color-surface);place-items:center;display:grid;position:relative;overflow:hidden}.detail__hero img{object-fit:cover;width:100%;height:100%}.detail__carrier{justify-items:center;gap:var(--space-3);text-align:center;display:grid}.detail__carrier-freq{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--color-text-warm);margin:0;font-size:clamp(2.4rem,7vw,4.4rem);font-weight:500}.detail__carrier-freq span{letter-spacing:.3em;color:var(--color-text-muted);margin-left:.5em;font-size:.3em}.detail__section{gap:var(--space-3);border-top:1px solid var(--color-line-faint);padding-top:var(--space-4);display:grid}.detail__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.about{gap:var(--space-6);max-width:720px;display:grid}.about__lines p{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:1.05rem}.page-transition{height:100%}@media (width<=900px){.home{gap:var(--space-3);padding-bottom:var(--space-4);grid-template-rows:minmax(150px,1fr) auto auto auto;grid-template-columns:minmax(0,1fr)}.home__stage,.home__tuner,.home__rail,.home__footline{grid-column:1}.home__stage{grid-row:1}.home__tuner{grid-row:2}.home__rail{grid-row:3;align-self:stretch}.home__footline{grid-row:4}.signal{padding:var(--space-4)}.works__link{grid-template-columns:90px minmax(0,1fr)}.works__aside{display:none}.home__footline{padding-top:var(--space-3)}.home__motto{font-size:1.25rem}.tuner__scale{height:56px}.tuner__groove{height:4px;top:21px}.tuner__fader{width:19px;height:34px;margin-left:-9.5px;top:6px}.tuner__fader:before{top:9px}.tuner__fader:after{bottom:9px}.tuner__marker{height:6px;top:13px}.signal{height:272px}.home__footline>div:last-child svg{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.signal__noise{opacity:.06}}.tuner__ticks{background-image:repeating-linear-gradient(to right, var(--color-line-faint) 0 1px, transparent 1px 2.5%);pointer-events:none;background-repeat:no-repeat;background-size:100% 10px}.tuner__numbers{pointer-events:none;height:14px;position:absolute;inset:auto 0 0}.tuner__number{font-family:var(--font-mono);letter-spacing:.08em;color:var(--color-text-faint);font-size:.625rem;position:absolute;transform:translate(-50%)}.tuner__scale:focus-visible{outline-offset:6px}.tuner__scale.is-tuning{cursor:grabbing}.signal__garble{font-family:var(--font-mono);letter-spacing:.14em;color:var(--color-text-muted);word-break:break-word;font-size:1.1rem}.signal__note{color:var(--color-text-muted);margin:0;font-size:.875rem}.nav__toggle{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);padding:var(--space-2);font-size:.75rem}.nav__sheet{top:100%;right:var(--page-gutter);z-index:20;gap:var(--space-3);min-width:160px;padding:var(--space-4);background:var(--color-surface-raised);border:1px solid var(--color-line-faint);display:grid;position:absolute}.header{position:relative}