:root{--brand:#ffe889;--brand-strong:#f4cf43;--brand-soft:#fff5c4;--g:#252622;--gd:#191a18;--iv:#fffaf0;--t:#242522;--m:#70716c;--gold:#b98700;--line:#ece6d8;--kk:#fee500;--r:20px;--shadow:0 18px 45px rgba(36,37,34,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f2f1ed;color:var(--t);font-family:Pretendard,"Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",sans-serif;word-break:keep-all}a{text-decoration:none;color:inherit}button{font:inherit}[id]{scroll-margin-top:80px}.site{width:min(100%,520px);margin:auto;background:#fff;min-height:100vh;overflow:hidden;padding-bottom:86px;box-shadow:0 0 48px rgba(0,0,0,.1)}
.header{position:sticky;top:0;z-index:50;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(0,0,0,.06)}.brand{display:flex;align-items:center;min-width:118px;height:52px}.brand img{display:block;width:116px;max-height:48px;height:auto;object-fit:contain}.ha{display:flex;gap:8px;align-items:center}.calltop{padding:11px 14px;border-radius:999px;background:var(--brand);color:var(--gd);font-size:13px;font-weight:800}.menu{width:40px;height:40px;border:0;border-radius:50%;background:var(--brand-soft);display:grid;place-items:center}.menu i,.menu i:before,.menu i:after{content:"";display:block;width:18px;height:2px;background:var(--gd);border-radius:3px;position:relative;transition:.25s}.menu i:before{position:absolute;top:-6px}.menu i:after{position:absolute;top:6px}.menu.open i{background:transparent}.menu.open i:before{top:0;transform:rotate(45deg)}.menu.open i:after{top:0;transform:rotate(-45deg)}
.drawer{position:fixed;z-index:45;top:64px;left:50%;width:min(100%,520px);transform:translateX(-50%) translateY(-12px);opacity:0;visibility:hidden;padding:14px 18px 18px;background:#fff;box-shadow:0 20px 35px rgba(0,0,0,.12);transition:.25s}.drawer.open{opacity:1;visibility:visible;transform:translateX(-50%)}.drawer div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.drawer a{padding:14px;border-radius:13px;background:#fff9e7;font-weight:800;text-align:center;font-size:14px}.drawer .instagram-menu{grid-column:1/-1;background:var(--gd);color:var(--brand);letter-spacing:-.02em}
.hero{min-height:630px;display:flex;align-items:flex-end;padding:72px 22px 38px;color:#fff;background:linear-gradient(180deg,rgba(20,25,21,.18),rgba(19,25,21,.58) 48%,rgba(18,24,20,.94)),url('https://images.unsplash.com/photo-1511379938547-c1f69419868d?auto=format&fit=crop&w=1400&q=88') center/cover no-repeat}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:var(--brand);font-size:13px;font-weight:800}.eyebrow:before{content:"";width:22px;height:1px;background:currentColor}.hero h1{margin:0;font-family:"Times New Roman","Noto Serif KR",serif;font-size:clamp(36px,10vw,52px);line-height:1.17;letter-spacing:-.055em;text-shadow:0 3px 24px rgba(0,0,0,.35)}.hero p{margin:18px 0 0;font-size:15px;line-height:1.75;color:rgba(255,255,255,.88)}.heroBtns,.twobtn{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.btn{min-height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;padding:0 14px;font-size:14px;font-weight:900}.white{background:#fff;color:var(--gd)}.glass{border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.1);color:#fff}.green{background:var(--brand);color:var(--gd)}.kakao{background:var(--kk);color:#171717}
.sec{padding:76px 20px}.iv{background:var(--iv)}.dark{background:var(--gd);color:#fff}.head{margin-bottom:30px}.kicker{margin:0 0 9px;color:var(--gold);font:italic 12px Georgia,serif}.title{margin:0;font-family:"Times New Roman","Noto Serif KR",serif;font-size:31px;line-height:1.35;letter-spacing:-.045em}.desc{margin:12px 0 0;color:var(--m);font-size:14px;line-height:1.75}.dark .desc{color:rgba(255,255,255,.68)}
.contact{margin-top:-30px;padding:24px 20px;background:#fff;border-radius:22px;box-shadow:var(--shadow)}.contact h2{margin:0;font-size:21px;line-height:1.4}.contact p{margin:10px 0 0;color:var(--m);font-size:14px;line-height:1.7}.phone{display:flex;gap:14px;align-items:center;margin:20px 0 16px}.pi{width:56px;height:56px;border-radius:18px;background:var(--brand-soft);color:var(--gd);display:grid;place-items:center;font-size:26px}.pl{font-size:12px;color:var(--m)}.pn{font-size:25px;font-weight:900;margin-top:3px}.hint{text-align:center;font-size:12px!important}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{position:relative;min-height:220px;overflow:hidden;border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;box-shadow:0 14px 30px rgba(25,31,27,.14);background:linear-gradient(145deg,var(--c1),var(--c2));isolation:isolate;background-size:cover;background-position:center}.card:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,.03) 20%,rgba(0,0,0,.12) 48%,rgba(0,0,0,.78) 100%)}.card .ico{position:absolute;top:17px;right:16px;z-index:1;font-size:54px;filter:drop-shadow(0 8px 12px rgba(0,0,0,.24))}.card strong,.card small{position:relative;z-index:1;text-shadow:0 2px 12px rgba(0,0,0,.5)}.card strong{font-size:20px}.card small{margin-top:5px;line-height:1.5;color:rgba(255,255,255,.86)}.card.has-image .ico{display:none}.card.has-image{background-size:cover;background-position:center;background-repeat:no-repeat}.card.wind{background-image:url("../images/categories/wind-mobile.webp")}.card.string{background-image:url("../images/categories/string-mobile.webp")}.card.percussion{background-image:url("../images/categories/percussion-mobile.webp")}.card.korean{background-image:url("../images/categories/korean-mobile.webp")}.card.keyboard{background-image:url("../images/categories/keyboard-mobile.webp")}.card.audio{background-image:url("../images/categories/audio-mobile-wide.webp");grid-column:1/-1;min-height:250px}.card:nth-child(5){--c1:#66715f;--c2:#28342a}.card:nth-child(6){--c1:#776b78;--c2:#302d35}
.features{display:grid;gap:42px}.fno{margin-bottom:12px;color:var(--brand);font:italic 12px Georgia,serif}.feature h3{margin:0;font-size:22px;line-height:1.45}.feature p{margin:12px 0 0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.85}
.photo{min-height:390px;display:flex;align-items:flex-end;padding:28px 22px;color:#fff;background:linear-gradient(180deg,rgba(25,30,26,.08),rgba(25,30,26,.84)),url('https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?auto=format&fit=crop&w=1300&q=86') center/cover no-repeat}.photo h2{margin:0;font-family:"Times New Roman","Noto Serif KR",serif;font-size:30px;line-height:1.4}.photo p{margin:10px 0 0;color:rgba(255,255,255,.78);font-size:14px;line-height:1.7}
.cases{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 14px}.case{scroll-snap-align:start;border:1px solid var(--line);border-radius:18px;padding:22px;background:#fff;min-height:210px}.ci{width:46px;height:46px;border-radius:14px;background:var(--brand-soft);display:grid;place-items:center;font-size:23px;margin-bottom:26px}.case h3{margin:0;font-size:20px}.case p{margin:10px 0 0;color:var(--m);font-size:14px;line-height:1.7}
.step{position:relative;display:grid;grid-template-columns:52px 1fr;gap:14px;padding-bottom:30px}.step:not(:last-child):before{content:"";position:absolute;left:25px;top:46px;bottom:0;width:2px;background:#dfe4dd}.sn{position:relative;z-index:1;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--gd);font-weight:900}.step h3{margin:3px 0 0;font-size:19px}.step p{margin:7px 0 0;color:var(--m);font-size:14px;line-height:1.7}
.banner{margin:0 20px;padding:32px 22px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#191a18,#383a35);box-shadow:var(--shadow)}.banner h2{margin:0;font-family:"Times New Roman","Noto Serif KR",serif;font-size:28px;line-height:1.4}.banner p{margin:12px 0 22px;color:rgba(255,255,255,.72);font-size:14px;line-height:1.75}.banner .btn{background:#fff;color:var(--gd)}
.faq{border-top:1px solid var(--line)}.fi{border-bottom:1px solid var(--line)}.fq{width:100%;padding:20px 2px;display:flex;justify-content:space-between;gap:14px;border:0;background:transparent;text-align:left;font-weight:800}.fq:after{content:"+";font-size:24px;color:var(--g);transition:.25s}.fi.open .fq:after{transform:rotate(45deg)}.fa{display:grid;grid-template-rows:0fr;transition:.3s}.fi.open .fa{grid-template-rows:1fr}.fa>div{overflow:hidden}.fa p{margin:0;padding:0 2px 20px;color:var(--m);font-size:14px;line-height:1.75}
.final{padding:72px 20px;text-align:center;color:#fff;background:var(--gd)}.final h2{margin:0;font-family:"Times New Roman","Noto Serif KR",serif;font-size:34px}.final p{margin:14px auto 0;color:rgba(255,255,255,.7);font-size:14px;line-height:1.8}.bigphone{display:block;margin:25px 0 20px;font-size:31px;font-weight:900}.foot{padding:34px 20px 46px;background:#f4f4f1;color:#686d68;font-size:12px;line-height:1.85;text-align:center}.foot strong{display:block;margin-bottom:10px;color:var(--gd);font-size:16px}.links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 14px;margin-top:15px;color:#404540;font-weight:700}.instaBtn{display:flex;align-items:center;justify-content:center;min-height:48px;margin-top:10px;border:1px solid rgba(255,255,255,.36);border-radius:14px;color:#fff;font-size:14px;font-weight:900;background:rgba(255,255,255,.08)}
.bottom{position:fixed;z-index:60;left:50%;bottom:0;width:min(100%,520px);transform:translateX(-50%);display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);border-top:1px solid rgba(0,0,0,.08);backdrop-filter:blur(14px)}.bottom a{min-height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:900}.bc{background:var(--gd);color:var(--brand)}.bk{background:var(--kk);color:#171717}
.reveal{opacity:0;transform:translateY(30px);transition:opacity .72s,transform .72s;transition-delay:var(--d,0ms)}.reveal.show{opacity:1;transform:none}@media(max-width:370px){.heroBtns,.twobtn{grid-template-columns:1fr}.hero h1{font-size:34px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}

/* 아이폰·갤럭시 글꼴 통일 */
body,
button,
input,
textarea,
select {
  font-family: "Noto Sans KR", sans-serif !important;
}

/* STEP 1: BILIGIO brand base */
.header{box-shadow:0 8px 28px rgba(36,37,34,.05)}
.contact{border:1px solid rgba(255,232,137,.62)}
.kicker{letter-spacing:.02em}
.title{color:var(--t)}
.dark .title{color:#fff}
.dark .kicker{color:var(--brand)}
.bottom{box-shadow:0 -10px 30px rgba(36,37,34,.06)}


/* STEP 2: BILIGIO mobile redesign — rental-first identity */
/* Modern sans-led typography to distinguish Biligio from Haneum */
.hero h1,
.title,
.final h2,
.banner h2,
.value-card h3 {
  font-family:"Noto Sans KR",sans-serif !important;
  font-weight:900 !important;
  letter-spacing:-.055em;
}

/* Hero: brand yellow is the primary action rather than a decorative accent */
.hero{background-image:linear-gradient(180deg,rgba(19,20,18,.10),rgba(19,20,18,.46) 45%,rgba(20,20,18,.90)),url('https://images.unsplash.com/photo-1511379938547-c1f69419868d?auto=format&fit=crop&w=1400&q=88')}
.hero>div{width:100%}
.hero .eyebrow{font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.hero h1{max-width:430px;font-size:clamp(38px,10.5vw,54px);line-height:1.13}
.hero p{max-width:430px}
.hero .white{background:var(--brand);color:var(--gd);box-shadow:0 10px 26px rgba(255,232,137,.20)}
.hero .glass{background:rgba(255,255,255,.11)}

/* S04 — warm, light, rental-service cards instead of a dark 'why us' block */
.value-section{position:relative;overflow:hidden;background:#fffaf0;color:var(--t)}
.value-section:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;right:-110px;top:-70px;background:rgba(255,232,137,.34);filter:blur(2px)}
.value-section:after{content:"BILIGIO";position:absolute;right:-8px;top:28px;font-size:62px;font-weight:900;letter-spacing:-.08em;color:rgba(36,37,34,.035);pointer-events:none}
.value-head{position:relative;z-index:1;margin-bottom:28px}
.value-head .kicker{color:#8d6b00;font-family:"Noto Sans KR",sans-serif;font-style:normal;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.value-head .title{font-size:34px;line-height:1.23;color:var(--t)}
.value-head .desc{max-width:440px}
.value-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.value-card{position:relative;min-height:292px;padding:20px 17px 18px;border-radius:22px;background:#fff;border:1px solid rgba(185,135,0,.13);box-shadow:0 14px 34px rgba(49,44,28,.07);overflow:hidden}
.value-card:before{content:"";position:absolute;right:-34px;top:-34px;width:100px;height:100px;border-radius:50%;background:var(--brand-soft)}
.value-no{position:relative;z-index:1;color:#9b7600;font-size:11px;font-weight:900;letter-spacing:.12em}
.value-icon{position:absolute;z-index:1;right:16px;top:15px;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--brand);color:var(--gd);font-size:18px;font-weight:900}
.value-card h3{position:relative;z-index:1;margin:58px 0 0;font-size:20px;line-height:1.38}
.value-card p{position:relative;z-index:1;margin:12px 0 0;color:var(--m);font-size:13px;line-height:1.75}
.value-card-wide{grid-column:1/-1;min-height:248px;background:var(--gd);color:#fff;border-color:transparent}
.value-card-wide:before{background:rgba(255,232,137,.13)}
.value-card-wide .value-no{color:var(--brand)}
.value-card-wide h3{margin-top:50px;color:#fff;font-size:23px}
.value-card-wide p{color:rgba(255,255,255,.68)}
.value-tags{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.value-tags span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.10);color:#fff;font-size:11px;font-weight:800}
.brand-rental-note{position:relative;z-index:1;margin-top:14px;padding:18px;border-radius:18px;background:var(--brand);color:var(--gd);display:grid;gap:4px}
.brand-rental-note strong{font-size:15px;font-weight:900}
.brand-rental-note span{font-size:12px;line-height:1.65;color:#5e511e}

/* S05 — editorial rental message */
.rental-story{min-height:470px;align-items:flex-end;padding:22px;background-image:linear-gradient(180deg,rgba(18,18,16,.08),rgba(18,18,16,.66)),url('https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?auto=format&fit=crop&w=1300&q=86')}
.story-box{width:100%;padding:24px 20px 20px;border-radius:24px;background:rgba(24,24,22,.82);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);box-shadow:0 18px 44px rgba(0,0,0,.22)}
.story-label{margin:0 0 10px!important;color:var(--brand)!important;font-size:10px!important;font-weight:900;letter-spacing:.12em!important}
.rental-story h2{font-family:"Noto Sans KR",sans-serif!important;font-size:29px;line-height:1.32;font-weight:900;letter-spacing:-.055em}
.rental-story p{font-size:13px;line-height:1.75}
.story-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}
.story-chips span{padding:7px 9px;border-radius:999px;background:rgba(255,232,137,.11);border:1px solid rgba(255,232,137,.25);color:#fff4c6;font-size:11px;font-weight:800}

/* Give subsequent sections a slightly more service-app feel */
.case{box-shadow:0 10px 28px rgba(36,37,34,.05)}
.ci{background:var(--brand);color:var(--gd)}
.sn{box-shadow:0 6px 18px rgba(244,207,67,.22)}

@media(max-width:370px){
  .value-grid{grid-template-columns:1fr}
  .value-card-wide{grid-column:auto}
  .value-card{min-height:250px}
  .value-card h3{margin-top:48px}
}


/* STEP 4 — SmartStore product cards */
.mobile-products:not([hidden]){display:block}
.mobile-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rental-product-card{min-width:0;overflow:hidden;border-radius:16px;background:#fff;border:1px solid #ece6d8;color:var(--t);box-shadow:0 8px 22px rgba(36,37,34,.04)}
.rental-product-image{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f5f3ec}
.rental-product-image img{width:100%;height:100%;object-fit:cover}
.rental-product-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#b49622;font-size:13px;font-weight:900;letter-spacing:.1em}
.rental-product-status{position:absolute;left:8px;top:8px;padding:5px 7px;border-radius:999px;background:rgba(36,37,34,.86);color:#fff;font-size:8px;font-weight:900}
.rental-product-card.is-soldout .rental-product-image{filter:saturate(.55)}
.rental-product-card.is-soldout .rental-product-status{background:#777}
.rental-product-body{padding:12px 11px 13px}
.rental-product-body small{display:block;color:#8d6b00;font-size:9px;font-weight:900}
.rental-product-body h3{min-height:40px;margin:6px 0 11px;font-size:13px;line-height:1.45;letter-spacing:-.035em}
.rental-product-bottom{display:block;padding-top:9px;border-top:1px solid #eee8da}
.rental-product-bottom strong{display:block;font-size:13px}
.rental-product-bottom span{display:block;margin-top:4px;color:#927000;font-size:9px;font-weight:900}


/* STEP 5 — category navigation + live product filters */
.band-mobile{background-image:linear-gradient(rgba(36,37,34,.28),rgba(36,37,34,.74)),url("../images/categories/string.webp")}
.category-wide-mobile{grid-column:1/-1}
.mobile-all-products{display:flex;justify-content:center;align-items:center;height:45px;margin-top:12px;border-radius:13px;background:#f5f2e9;color:#4c4c48;font-size:11px;font-weight:900}
.mobile-all-products.dark-link{background:#2b2c28;color:#fff}
.mobile-product-tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:5px;margin:0 0 14px;scrollbar-width:none}
.mobile-product-tabs::-webkit-scrollbar{display:none}
.mobile-product-tabs .product-tab{flex:0 0 auto;border:1px solid #e4ddce;background:#fff;padding:8px 11px;border-radius:999px;font-size:9px;font-weight:900;color:#66645d}
.mobile-product-tabs .product-tab.is-active{background:#2b2c28;color:#fff;border-color:#2b2c28}
.mobile-product-empty{padding:24px 12px;border-radius:14px;background:#fff;border:1px dashed #ddd3c1;text-align:center;color:#77736a;font-size:10px}


/* STEP V4 — mobile vertical balance + brighter BILIGIO tone */
/* Header: keep the uploaded original BILIGIO yellow wordmark unmodified. */
.header{
  background:#fff;
  border-bottom-color:rgba(36,37,34,.045);
  box-shadow:0 7px 24px rgba(36,37,34,.045);
}
.brand img{
  opacity:1 !important;
  filter:none !important;
  mix-blend-mode:normal !important;
}

/* S02: remove the old overlap and give the quick-consult card balanced breathing room. */
#section-quick-consult{
  padding:46px 20px 62px !important;
  background:#fffaf2;
}
#section-quick-consult .contact{
  margin-top:0;
  padding:27px 20px 26px;
  box-shadow:0 14px 34px rgba(36,37,34,.09);
}

/* Brighten the hero slightly while retaining enough contrast for white copy. */
.hero{
  background-image:
    linear-gradient(180deg,rgba(19,20,18,.05),rgba(19,20,18,.30) 45%,rgba(20,20,18,.74)),
    url('https://images.unsplash.com/photo-1511379938547-c1f69419868d?auto=format&fit=crop&w=1400&q=88');
}
.hero .glass{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.58)}

/* Category photos: keep labels readable, but let the new bright photography show through more. */
.card:after{
  background:linear-gradient(180deg,rgba(0,0,0,.015) 20%,rgba(0,0,0,.07) 50%,rgba(0,0,0,.64) 100%);
}
.card{box-shadow:0 12px 26px rgba(25,31,27,.10)}

/* Lighten the remaining dark service blocks without changing their structure. */
.dark{background:#30322e}
.value-card-wide{background:#30322e}
.value-card-wide p{color:rgba(255,255,255,.76)}
.value-tags span{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.14)}

.rental-story{
  background-image:
    linear-gradient(180deg,rgba(18,18,16,.035),rgba(18,18,16,.53)),
    url('https://images.unsplash.com/photo-1493225457124-a3eb161ffa5f?auto=format&fit=crop&w=1300&q=86');
}
.story-box{
  background:rgba(43,44,40,.70);
  border-color:rgba(255,255,255,.16);
  box-shadow:0 16px 38px rgba(0,0,0,.15);
}
.story-chips span{background:rgba(255,232,137,.16);border-color:rgba(255,232,137,.32)}

.banner{
  background:linear-gradient(135deg,#30322e,#4a4d46);
  box-shadow:0 14px 34px rgba(36,37,34,.10);
}
.banner p{color:rgba(255,255,255,.80)}

.final{background:#30322e}
.final p{color:rgba(255,255,255,.78)}
.instaBtn{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.42)}

.band-mobile{
  background-image:linear-gradient(rgba(36,37,34,.18),rgba(36,37,34,.60)),url("../images/categories/string.webp");
}
.mobile-all-products.dark-link{background:#3a3d37}
.mobile-product-tabs .product-tab.is-active{background:#3a3d37;border-color:#3a3d37}
.bc{background:#353832}

/* Slightly lift off-white section tones for a cleaner overall mobile page. */
.iv{background:#fffbf4}
.value-section{background:#fffdf7}
.foot{background:#f8f7f3}