.samples-root{color:#fff;background:#050a15 url(https://fmstxhetpilugxkzlxbe.supabase.co/storage/v1/object/public/assets/milkyway_bg.jpg) 50%/cover no-repeat fixed;min-height:100vh;font-family:Nanum Myeongjo,Noto Serif KR,serif;position:relative}.samples-overlay{z-index:0;pointer-events:none;background:#00000080;position:fixed;inset:0}.samples-stars{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.samples-star{opacity:0;background:#fff;border-radius:50%;animation:linear infinite twinkle;position:absolute;box-shadow:0 0 4px #ffffffe6}@keyframes twinkle{0%,to{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1)}}.samples-logo-wrap{z-index:10;position:absolute;top:12px;left:20px}.samples-logo{width:260px;display:block}.home-btn-wrap{z-index:20;position:fixed;top:12px;right:20px}.samples-home-btn{color:#2a1a0e;cursor:pointer;text-shadow:0 1px 2px #ffffff4d;background:linear-gradient(135deg,#f0c040 0%,#c9a84c 50%,#e8b830 100%);border:2px solid #ffdc64cc;border-radius:20px;padding:8px 20px;font-family:Noto Sans KR,sans-serif;font-size:14px;font-weight:700;transition:filter .2s,transform .2s;box-shadow:0 2px 12px #c9a84c80,0 0 20px #c9a84c33,inset 0 1px #ffffff4d}.samples-home-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.samples-content{z-index:2;max-width:980px;margin:0 auto;padding:100px 24px 80px;position:relative}.samples-header{text-align:center;margin-bottom:48px}.samples-title{color:#c9a84c;text-shadow:0 2px 12px #0009;margin:0 0 14px;font-family:Noto Serif KR,serif;font-size:clamp(20px,3vw,28px);font-weight:700;line-height:1.5}.samples-sub{color:#ffffffd9;margin:0;font-size:clamp(14px,2vw,17px);line-height:1.7}.title-pc{display:inline}.title-mobile{display:none}.grid-top,.grid-bot{gap:24px;margin-bottom:24px;display:grid}.grid-top{grid-template-columns:repeat(3,1fr)}.grid-bot{grid-template-columns:repeat(2,1fr);max-width:640px;margin-left:auto;margin-right:auto}.card-wrap{flex-direction:column;display:flex}.card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #ffffff26;border-radius:16px;transition:box-shadow .25s;overflow:hidden}.card:hover{box-shadow:0 8px 28px #0006}.card-photo{background:#111;width:100%;overflow:hidden}.card-photo img{object-fit:contain;width:100%;height:auto;display:block}.card-bottom{justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.card-label{color:#fff9;font-family:Noto Serif KR,serif;font-size:13px}.samples-play-btn{color:#2a1a0e;cursor:pointer;text-shadow:0 1px 2px #fff3;background:linear-gradient(135deg,#f0c040 0%,#c9a84c 50%,#e8b830 100%);border:2px solid #ffdc64b3;border-radius:20px;padding:7px 16px;font-family:Noto Sans KR,sans-serif;font-size:13px;font-weight:700;transition:filter .2s,transform .2s;box-shadow:0 2px 12px #c9a84c66,inset 0 1px #ffffff4d}.samples-play-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.samples-play-btn.active{color:#fff;background:#fff3}.video-banner{background:#000;border-radius:12px;margin-top:8px;animation:.25s fadeIn;position:relative;overflow:hidden}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.video-banner video{width:100%;display:block}.video-close{color:#fff;cursor:pointer;background:#0009;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-size:16px;transition:background .2s;display:flex;position:absolute;top:8px;right:8px}.video-close:hover{background:#000000e6}@media (width<=768px){.title-pc{display:none}.title-mobile{display:inline}.samples-logo{width:140px}.samples-title{font-size:26px;line-height:1.6}.grid-top,.grid-bot{grid-template-columns:1fr;gap:16px;max-width:360px;margin-left:auto;margin-right:auto}.samples-content{padding:90px 16px 80px}}