.sbx-experience{--sbx-page:#f1ede4;--sbx-panel:#171714;--sbx-console:#10100e;--sbx-gold:#d5a35f;--sbx-bronze:#b77f3e;--sbx-white:#f5f1e8;--sbx-muted:#bcb8b0;--sbx-line:#ffffff2e;box-sizing:border-box;width:min(100% - 48px,1920px);color:var(--sbx-white);background:var(--sbx-page);box-shadow:0 0 0 100vmax var(--sbx-page);clip-path:inset(0 -100vmax);word-break:keep-all;margin:0 auto;padding-bottom:clamp(56px,7vw,112px);scroll-margin-top:100px;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,system-ui,sans-serif;line-height:1.62}.sbx-experience *,.sbx-experience :before,.sbx-experience :after{box-sizing:border-box}.sbx-experience .experience-heading{color:#171714;grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);align-items:end;gap:10px clamp(40px,8vw,140px);padding:clamp(72px,8vw,136px) 0 clamp(42px,5vw,78px);display:grid}.sbx-experience .experience-heading p{color:#86602f;letter-spacing:.14em;grid-column:1/-1;margin:0 0 18px;font-family:Courier New,monospace;font-size:.72rem;font-weight:700}.sbx-experience .experience-heading h2{letter-spacing:-.06em;max-width:12ch;margin:0;font-size:clamp(2.6rem,4.4vw,6rem);line-height:1.02}.sbx-experience .experience-heading strong,.sbx-experience .experience-heading span{display:block}.sbx-experience .experience-heading strong{color:#171714;letter-spacing:-.035em;font-size:clamp(1.35rem,2vw,2.4rem)}.sbx-experience .experience-heading span{color:#5d5951;margin-top:12px;font-size:.96rem}.sbx-experience .experience-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:clamp(16px,1.4vw,28px);display:grid}.sbx-experience .experience-card{min-width:0;color:var(--sbx-white);background:var(--sbx-panel);border:1px solid #171714;overflow:hidden}.sbx-experience .scene{aspect-ratio:4/3;isolation:isolate;background:#1b1b18;position:relative;overflow:hidden}.sbx-experience .scene:after{z-index:7;content:"";pointer-events:none;border:1px solid #ffffff24;position:absolute;inset:0}.sbx-experience .scene img{object-fit:cover;width:100%;height:100%;transition:transform .95s cubic-bezier(.22,1,.36,1),filter .72s;display:block}.sbx-experience .experience-card[data-inside=true] .scene img{filter:brightness(.53)saturate(.72);transform:scale(1.12)}.sbx-experience .scene-shade{z-index:1;opacity:0;pointer-events:none;background:radial-gradient(circle at 50% 48%,#0000 28%,#060605a8 100%),linear-gradient(#0707060a,#07070638);transition:opacity .72s;position:absolute;inset:0}.sbx-experience .experience-card[data-inside=true] .scene-shade{opacity:1}.sbx-experience .threshold{z-index:2;pointer-events:none;width:21%;transition:transform .95s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0}.sbx-experience .threshold-left{transform-origin:0;background:linear-gradient(90deg,#080807fa,#08080700);left:0;transform:scaleX(.4286)}.sbx-experience .threshold-right{transform-origin:100%;background:linear-gradient(270deg,#080807fa,#08080700);right:0;transform:scaleX(.4286)}.sbx-experience .experience-card[data-inside=true] .threshold{transform:scaleX(1)}.sbx-experience .scene-topline,.sbx-experience .listening-position{z-index:8;color:var(--sbx-white);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0bd4;position:absolute}.sbx-experience .scene-topline{align-items:center;gap:10px;padding:9px 12px;display:flex;top:16px;left:16px}.sbx-experience .scene-topline span{color:var(--sbx-gold);font-family:Courier New,monospace;font-size:.66rem}.sbx-experience .scene-topline strong{font-size:.76rem}.sbx-experience .listening-position{letter-spacing:.08em;margin:0;padding:9px 11px;font-family:Courier New,monospace;font-size:.62rem;font-weight:700;bottom:16px;right:16px}.sbx-experience .card-copy{flex-direction:column;min-height:clamp(520px,35vw,680px);padding:clamp(28px,2.4vw,48px);display:flex}.sbx-experience .card-context{color:var(--sbx-gold);letter-spacing:.08em;margin:0 0 1.8rem;font-family:Courier New,monospace;font-size:.74rem;font-weight:700}.sbx-experience .card-copy h2{letter-spacing:-.065em;margin:0;font-size:clamp(2.7rem,3.35vw,5rem);font-weight:720;line-height:.98}.sbx-experience .card-copy h3{letter-spacing:-.035em;max-width:17ch;margin:2rem 0 0;font-size:clamp(1.45rem,1.7vw,2.35rem);font-weight:680;line-height:1.24}.sbx-experience .card-description{color:var(--sbx-muted);margin:1.3rem 0 2.4rem;font-size:clamp(.96rem,.92vw,1.12rem);line-height:1.76}.sbx-experience .facts{border-top:1px solid var(--sbx-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:auto 0 0;padding-top:18px;display:grid}.sbx-experience .facts div+div{border-left:1px solid #ffffff24;padding-left:16px}.sbx-experience .facts dt{color:#858179;font-size:.7rem}.sbx-experience .facts dd{margin:6px 0 0;font-size:clamp(1rem,1.05vw,1.28rem);font-weight:680}.sbx-experience .facts sub{font-size:.68em}.sbx-experience .card-links{gap:8px;margin-top:24px;display:grid}.sbx-experience .card-links a{min-height:48px;color:var(--sbx-white);border:1px solid #ffffff47;justify-content:space-between;align-items:center;padding:11px 14px;font-size:.78rem;font-weight:700;text-decoration:none;display:flex}.sbx-experience .card-links a:after{content:"↗"}.sbx-experience .card-links a:last-child{border-color:var(--sbx-bronze);color:#171714;background:var(--sbx-gold)}.sbx-experience .console{border-top:1px solid var(--sbx-line);background:var(--sbx-console);grid-template-columns:1fr;gap:16px;padding:clamp(24px,2vw,38px);display:grid}.sbx-experience .perceived-result{border-bottom:1px solid var(--sbx-line);gap:3px;padding-bottom:16px;display:grid}.sbx-experience .perceived-result span,.sbx-experience .perceived-result em{color:#8d887e;font-size:.66rem;font-style:normal}.sbx-experience .perceived-result strong{font-size:clamp(1.08rem,1.18vw,1.45rem);line-height:1.35}.sbx-experience .perceived-result small{color:var(--sbx-gold);font-size:.76rem;font-weight:700}.sbx-experience .perceived-result small b{margin:0 .35em;font-weight:400}.sbx-experience .console-status{gap:3px;display:grid}.sbx-experience .console-status>span{color:var(--sbx-gold);letter-spacing:.12em;font-family:Courier New,monospace;font-size:.64rem;font-weight:700}.sbx-experience .console-status strong{font-size:clamp(1.05rem,1.1vw,1.32rem)}.sbx-experience .console-status small{color:#817d75;text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;overflow:hidden}.sbx-experience .waveform{width:100%;height:48px}.sbx-experience .console-actions{grid-template-columns:.76fr 1.24fr;gap:8px;display:grid}.sbx-experience .console-actions button{min-width:0;min-height:56px;color:inherit;font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff4d;padding:10px 14px;font-size:.78rem;font-weight:720;line-height:1.35}.sbx-experience .secondary-action{color:var(--sbx-white);background:0 0}.sbx-experience .action-icon{display:none}.sbx-experience .action-label{display:inline}.sbx-experience .primary-action{border-color:var(--sbx-bronze);color:#171714;background:var(--sbx-gold)}.sbx-experience .console-actions button:hover,.sbx-experience .console-actions button:focus-visible,.sbx-experience .card-links a:hover,.sbx-experience .card-links a:focus-visible{filter:brightness(1.12)}.sbx-experience .volume-control{color:#817d75;grid-template-columns:auto 1fr;align-items:center;gap:12px;font-size:.68rem;display:grid}.sbx-experience .volume-control input{width:100%;height:2px;accent-color:var(--sbx-gold)}.sbx-experience .audio-error{color:#e8aa85;margin:0;font-size:.72rem}.sbx-experience .experience-disclaimer{color:#6f6a61;max-width:920px;margin:28px 0 0;font-size:.76rem}@media (width<=1320px){.sbx-experience .experience-grid{grid-template-columns:1fr;width:min(100%,1100px);margin:0 auto}.sbx-experience .experience-card{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr);display:grid}.sbx-experience .scene{aspect-ratio:auto;grid-row:1/span 2;height:100%;min-height:760px}.sbx-experience .card-copy{min-height:520px}}@media (width<=880px){.sbx-experience{width:min(100% - 32px,1920px)}.sbx-experience .experience-heading{grid-template-columns:1fr;gap:16px;padding:76px 0 42px}.sbx-experience .experience-heading h2{font-size:clamp(2.8rem,12vw,5rem)}.sbx-experience .experience-card{flex-direction:column;display:flex}.sbx-experience .scene{aspect-ratio:4/3;order:1;height:auto;min-height:0}.sbx-experience .console{order:2;gap:10px;padding:16px}.sbx-experience .card-copy{order:3;min-height:0;padding:32px 24px 38px}.sbx-experience .card-copy h2{font-size:clamp(3rem,13vw,5rem)}.sbx-experience .card-copy h3{margin-top:1.6rem;font-size:clamp(1.55rem,6vw,2.3rem)}.sbx-experience .card-description{margin-bottom:2.4rem;font-size:1rem}.sbx-experience .console-actions{order:1;grid-template-columns:52px minmax(0,1fr)}.sbx-experience .console-actions button{min-height:52px}.sbx-experience .secondary-action{padding:0}.sbx-experience .action-icon{font-size:1rem;line-height:1;display:inline}.sbx-experience .action-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sbx-experience .perceived-result{order:2}.sbx-experience .perceived-result strong{font-size:1rem}.sbx-experience .console-status{order:3;grid-template-columns:auto minmax(0,1fr);align-items:baseline;column-gap:8px}.sbx-experience .console-status strong{text-overflow:ellipsis;white-space:nowrap;font-size:.92rem;overflow:hidden}.sbx-experience .console-status small{grid-column:1/-1}.sbx-experience .waveform{order:4;height:20px}.sbx-experience .volume-control{order:5}.sbx-experience .audio-error{order:6}}@media (width<=480px){.sbx-experience{word-break:normal;overflow-wrap:break-word}.sbx-experience .scene-topline{top:12px;left:12px}.sbx-experience .listening-position{bottom:12px;right:12px}.sbx-experience .facts{grid-template-columns:1fr 1.25fr}.sbx-experience .facts div+div{padding-left:12px}.sbx-experience .console-actions{grid-template-columns:52px minmax(0,1fr)}.sbx-experience .console-actions button{min-height:52px;font-size:.82rem}}@media (prefers-reduced-motion:reduce){.sbx-experience *,.sbx-experience :before,.sbx-experience :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
/*$vite$:1*/