/* 강남 세이렌 쩜오 공식홈 — 시각 시안 (design M002.P024.T149)
   콘셉트 「간판 단」: 위 2/3 룸 사진 + 사진 아래 가장자리 SIREN 워드마크 + 96px 상호.
   팔레트 「밤 구리」: 에스프레소 먹 바탕, 진주 글자, 구리 장미색 포인트. */
:root{
  --ink:#120d0b; --s1:#1a1411; --s2:#231b16; --s3:#2e241e;
  --tx:#f4ebe3; --mu:#bfaea3; --cu:#e6a98b; --cu2:#f3cdb8; --ln:#3a2e27;
  --pad:64px; --top:64px;
  --sans:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Pretendard","Malgun Gothic","Noto Sans KR","Hiragino Sans","Yu Gothic","PingFang SC","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:60px;background:var(--ink)}
body{font-family:var(--sans);color:var(--tx);background:var(--ink);line-height:1.6;font-size:16px;-webkit-text-size-adjust:100%;overflow-wrap:break-word}
:lang(ko){word-break:keep-all}
:lang(ja),:lang(zh){word-break:normal;line-break:strict}
a{color:inherit}
img{display:block;max-width:100%;height:auto}
ol,ul{list-style:none}
button{font:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--cu2);outline-offset:3px}
.si-skip{position:absolute;left:-9999px;top:0;background:var(--cu);color:var(--ink);padding:8px 14px;z-index:50}
.si-skip:focus{left:8px}

/* 단추 */
.si-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border-radius:999px;background:var(--cu);color:var(--ink);text-decoration:none;font-weight:700;font-size:16px;border:0;white-space:nowrap}
.si-btn:hover{background:var(--cu2)}
.si-btn--ghost{background:transparent;color:var(--tx);box-shadow:inset 0 0 0 1.5px var(--cu)}
.si-btn--ghost:hover{background:var(--s3)}
.si-btn--sm{min-height:40px;padding:0 20px;font-size:14px}

/* 머리 */
.si-top{height:var(--top);display:flex;align-items:center;gap:28px;padding:0 var(--pad);background:var(--ink);position:relative;z-index:4}
.si-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--cu);margin-right:auto}
.si-logo span{color:var(--tx);font-size:14px}
.si-wm-s{height:18px;width:auto}
.si-langs{display:flex;gap:4px;font-size:14px}
.si-langs a,.si-langsel a{text-decoration:none;padding:8px 10px;border-radius:999px;color:var(--mu)}
.si-langs a[aria-current],.si-langsel a[aria-current]{color:var(--ink);background:var(--tx);font-weight:700}
.si-langsel{display:none;position:relative}
.si-langsel summary{list-style:none;cursor:pointer;padding:8px 12px;font-size:14px;font-weight:700}
.si-langsel summary::-webkit-details-marker{display:none}
.si-langsel summary::after{content:" ▾";color:var(--cu)}
.si-langsel nav{position:absolute;right:0;top:42px;background:var(--s3);border-radius:14px;padding:8px;display:grid;gap:2px;min-width:120px}

/* 첫 화면 */
.si-hero{height:calc(100vh - var(--top));min-height:760px;max-height:1100px;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:1fr auto auto}
.si-photo{position:relative;overflow:hidden;min-height:0}
.si-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.si-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,13,11,0) 56%,rgba(18,13,11,.96) 76%);pointer-events:none}
.si-ai{position:absolute;right:16px;top:14px;font-size:12px;background:rgba(18,13,11,.82);color:var(--tx);padding:3px 10px;border-radius:999px;z-index:2}
.si-vid{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 46%}
.si-vctl{position:absolute;right:var(--pad);bottom:18px;z-index:3;min-height:44px;padding:0 18px;border:0;border-radius:999px;background:rgba(18,13,11,.82);color:var(--tx);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
.si-vctl:hover{background:var(--s3)}
.si-vctl[hidden]{display:none}
.si-mark{position:absolute;left:var(--pad);bottom:10px;z-index:2;color:var(--cu)}
.si-wm{height:124px;width:auto;display:block}
.si-sign{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:56px;align-items:end;padding:6px var(--pad) 26px}
.si-name{min-width:0}
.si-intro{min-width:0;padding-bottom:6px}
.si-kick{font-size:16px;color:var(--cu);font-weight:600;margin-bottom:4px}
.si-ko .si-h1{letter-spacing:-.025em}
.si-h1{font-size:96px;line-height:1.02;font-weight:300;letter-spacing:-.02em}
.si-sub{display:inline-block;font-size:22px;font-weight:400;color:var(--mu);margin-left:18px;letter-spacing:0;vertical-align:middle}
.si-en .si-h1{font-size:84px}
.si-ja .si-h1,.si-zh .si-h1{font-size:88px}
.si-lead{color:var(--mu);font-size:16px;margin-bottom:18px}
.si-cta{display:flex;gap:12px;flex-wrap:wrap}
.si-strip{display:grid;grid-template-columns:1.1fr .8fr 1.1fr 1.6fr;background:var(--s2);min-height:84px;padding:0 var(--pad);align-items:center}
.si-strip>div{display:flex;flex-direction:column;justify-content:center;padding:12px 24px 12px 0}
.si-strip>div+div{padding-left:24px;box-shadow:inset 1px 0 0 var(--ln)}
.si-strip dt{font-size:13px;color:var(--mu)}
.si-strip dd{font-size:26px;font-weight:600;line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap}
.si-strip dd a{text-decoration:none}
.si-strip-c dd{display:flex;align-items:baseline;gap:18px}
.si-strip-tg{color:var(--cu);font-size:26px}

/* 목차 띠 */
.si-rail{position:sticky;top:0;z-index:6;height:56px;display:flex;align-items:center;gap:32px;padding:0 var(--pad);background:rgba(18,13,11,.97);box-shadow:0 1px 0 var(--ln)}
.si-rail-mark{color:var(--cu);display:flex}
.si-wm-r{height:15px;width:auto}
.si-rail ol{display:flex;gap:26px;font-size:15px;margin-right:auto}
.si-rail ol a{text-decoration:none;color:var(--mu)}
.si-rail ol a:hover{color:var(--tx)}
.si-rail-tel{color:var(--cu);font-weight:700;text-decoration:none;font-size:15px}

/* 절 공통 */
.si-sec{padding:128px var(--pad)}
.si-h2{font-size:52px;font-weight:300;line-height:1.18;letter-spacing:-.015em;max-width:1100px}
.si-h3{font-size:24px;font-weight:500;margin:88px 0 28px}
.si-h3 small{font-size:15px;color:var(--mu);font-weight:400;margin-left:14px}
.si-subh{color:var(--mu);font-size:18px;margin-top:14px}
.si-note{color:var(--mu);font-size:16px;margin-top:28px}

/* 1 영업 */
.si-hours{background:var(--ink)}
.si-axis{position:relative;height:150px;margin-top:72px}
.si-t{position:absolute;top:0;font-size:64px;font-weight:300;line-height:1;font-variant-numeric:tabular-nums}
.si-t0{left:0}.si-t2{right:0}
.si-t1{left:54.55%;transform:translateX(-50%);font-size:24px;top:30px;color:var(--mu)}
.si-bar{position:absolute;left:0;right:0;top:82px;height:12px;display:flex;border-radius:6px;overflow:hidden}
.si-p1{flex:0 0 54.55%;background:var(--cu)}
.si-p2{flex:1;background:var(--cu2)}
.si-al{position:absolute;top:110px;font-size:15px;color:var(--mu)}
.si-al0{left:0}.si-al1{left:calc(54.55% + 12px)}.si-al2{right:0}
.si-week{display:grid;grid-template-columns:repeat(7,1fr);margin-top:56px;gap:6px}
.si-day{background:var(--s2);padding:22px 20px;border-radius:4px}
.si-day b{display:block;font-size:32px;font-weight:300}
.si-day span{font-size:16px;font-variant-numeric:tabular-nums}
.si-day.is-off{background:var(--s1);color:var(--mu)}

/* 2 요금 짜임 */
.si-price{background:var(--s1)}
.si-formula{margin:64px calc(var(--pad) * -1) 0;padding:56px var(--pad);background:var(--s3);display:flex;align-items:flex-start;justify-content:space-between;gap:24px}
.si-formula strong{display:block;font-size:104px;font-weight:300;line-height:1;color:var(--tx);white-space:nowrap}
.si-formula span{display:block;margin-top:16px;color:var(--mu);font-size:16px}
.si-formula i{font-style:normal;font-size:80px;font-weight:200;line-height:1;color:var(--cu)}
.si-five{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}
.si-five li b{display:block;font-size:44px;font-weight:300;line-height:1.15;color:var(--cu2)}
.si-five li span{display:block;color:var(--mu);font-size:15px;margin-top:8px}
.si-pfoot{display:grid;grid-template-columns:1fr 2fr;gap:56px;margin-top:80px}
.si-ask{font-size:16px;color:var(--mu)}
.si-ask b{display:block;color:var(--tx);font-size:14px;font-weight:600;margin-bottom:6px}
.si-defs{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.si-defs dt{font-weight:700;font-size:18px;color:var(--cu)}
.si-defs dd{color:var(--mu);margin-top:6px;font-size:15px}

/* 3 룸 */
.si-rooms{background:var(--ink);padding-left:0;padding-right:0}
.si-rooms .si-h2,.si-rooms .si-note{margin-left:var(--pad);margin-right:var(--pad)}
.si-rgrid{display:grid;grid-template-columns:6fr 3fr 3.2fr;gap:14px;margin-top:56px;align-items:stretch}
.si-rgrid figure{position:relative;overflow:hidden;background:var(--s2)}
.si-rgrid img{width:100%;height:100%;object-fit:cover}
.si-rbig{height:640px}
.si-rtall{height:640px}
.si-rgrid figcaption{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 14px;font-size:14px;background:linear-gradient(180deg,rgba(18,13,11,0),rgba(18,13,11,.9))}
.si-rside{display:flex;flex-direction:column;justify-content:space-between;padding:0 var(--pad) 0 28px}
.si-rfacts li{padding:0 0 22px}
.si-rfacts b{display:block;font-size:26px;font-weight:400;line-height:1.25}
.si-rfacts span{color:var(--mu);font-size:15px}
.si-sizes{display:flex;align-items:baseline;gap:22px;color:var(--cu)}
.si-sz{font-weight:300;line-height:1}
.si-sz0{font-size:56px}.si-sz1{font-size:88px}.si-sz2{font-size:128px}
.si-rnote{color:var(--mu);font-size:16px;margin-top:14px}

/* 4 메뉴 */
.si-menu{background:var(--s1)}
.si-wk{columns:5;column-gap:40px;counter-reset:w;font-size:18px}
.si-wk li{break-inside:avoid;padding:7px 0;counter-increment:w;box-shadow:inset 0 -1px 0 var(--ln)}
.si-wk li::before{content:counter(w,decimal-leading-zero);display:inline-block;width:38px;font-size:13px;color:var(--cu);font-variant-numeric:tabular-nums}
.si-food{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.si-fg h4{font-size:16px;font-weight:600;color:var(--mu);margin-bottom:12px}
.si-fg h4 strong{display:block;font-size:40px;font-weight:300;color:var(--cu2);line-height:1.1;margin-top:4px;font-variant-numeric:tabular-nums}
.si-fg li{padding:6px 0;font-size:16px}
.si-fg .si-tea{margin-top:28px}

/* 5 이용 안내 */
.si-guide{background:var(--ink);display:grid;grid-template-columns:460px 1fr;gap:80px}
.si-gside{position:sticky;top:96px;align-self:start}
.si-glist{counter-reset:g}
.si-glist li{counter-increment:g;display:grid;grid-template-columns:80px 1fr;padding:26px 0;font-size:20px;line-height:1.65;box-shadow:inset 0 -1px 0 var(--ln)}
.si-glist li::before{content:counter(g);font-size:48px;font-weight:200;line-height:1;color:var(--cu)}

/* 6 오시는 길 */
.si-way{background:var(--s2)}
.si-addr{font-size:84px;font-weight:300;line-height:1.1;margin-top:40px;letter-spacing:-.015em}
.si-wayact{display:flex;gap:14px;align-items:center;margin-top:44px;flex-wrap:wrap}
.si-copied{color:var(--cu2);font-size:15px}

/* 7 FAQ */
.si-faq{background:var(--ink)}
.si-qs{columns:2;column-gap:80px;margin-top:56px}
.si-q{break-inside:avoid;box-shadow:inset 0 -1px 0 var(--ln);padding:22px 0}
.si-q summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:48px 1fr;font-size:18px}
.si-q summary::-webkit-details-marker{display:none}
.si-q summary b{font-size:14px;color:var(--cu);font-weight:600;padding-top:4px;font-variant-numeric:tabular-nums}
.si-q p{margin:12px 0 0 48px;color:var(--mu)}

/* 8 예약 */
.si-book{background:var(--s3)}
.si-ways{display:grid;grid-template-columns:3fr 2fr;gap:56px;margin-top:64px;align-items:end}
.si-ways a{text-decoration:none;display:block}
.si-ways span{display:block;font-size:15px;color:var(--mu);margin-bottom:10px}
.si-way-tel strong{font-size:96px;font-weight:300;line-height:1;color:var(--cu2);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.si-way-tg strong{font-size:48px;font-weight:300;line-height:1.1;color:var(--tx)}
.si-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:88px}
.si-flow li b{display:block;font-size:14px;color:var(--cu)}
.si-flow li strong{display:block;font-size:30px;font-weight:300;margin:4px 0 8px}
.si-flow li span{color:var(--mu)}
.si-ready ul{display:flex;flex-wrap:wrap;gap:12px 40px;color:var(--mu)}
.si-ready li::before{content:"·";color:var(--cu);margin-right:10px}

/* 푸터 */
.si-foot{background:var(--s1);color:var(--mu);padding:72px var(--pad) 48px;font-size:14px}
.si-fgrid{display:grid;grid-template-columns:2fr 2fr 1.4fr;gap:56px}
.si-fname{font-size:22px;color:var(--tx);margin-bottom:10px}
.si-foot a{text-decoration:none}
.si-foot a:hover{color:var(--tx)}
.si-fnav{display:flex;flex-wrap:wrap;gap:10px 22px;align-content:flex-start}
.si-flangs{display:flex;gap:4px;margin-bottom:14px}
.si-flangs a{padding:4px 8px;border-radius:999px}
.si-flangs a[aria-current]{color:var(--ink);background:var(--tx)}
.si-copy{margin-top:40px}
.si-copy summary{cursor:pointer}
.si-copy p{margin-top:8px;max-width:820px}
.si-prov{margin-top:24px;padding-top:20px;box-shadow:inset 0 1px 0 var(--ln);font-size:13px}
.si-prov-l{display:flex;gap:20px;margin-top:6px}
.si-prov-l a{text-decoration:underline;text-underline-offset:3px}
.si-prov summary{cursor:pointer;margin-top:8px}
.si-prov dd{word-break:break-all}
.si-prov dl div{margin-top:6px}
.si-dock{display:none}

/* 404 */
.si-nfwrap{padding:48px var(--pad) 72px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.si-nfh{grid-column:1 / -1;font-size:96px;font-weight:300;color:var(--cu)}
.si-nf p{color:var(--mu);margin:-16px 0 20px}
.si-404{min-height:100vh}
.si-fside p{margin-top:4px}

/* 1024 */
@media (max-width:1180px){
  :root{--pad:40px}
  .si-h1{font-size:80px}.si-en .si-h1{font-size:68px}.si-ja .si-h1,.si-zh .si-h1{font-size:72px}
  .si-sign{grid-template-columns:minmax(0,1fr) 360px;gap:32px}
  .si-strip dd,.si-strip-tg{font-size:22px}
  .si-rail ol{gap:16px;font-size:14px}
  .si-formula strong{font-size:76px}.si-formula i{font-size:56px}
  .si-five li b{font-size:34px}
  .si-wk{columns:4}
  .si-guide{grid-template-columns:340px 1fr;gap:48px}
  .si-addr{font-size:64px}
  .si-way-tel strong{font-size:72px}
  .si-rgrid{grid-template-columns:5fr 3fr 3.4fr}
  .si-sz2{font-size:104px}
  .si-wm{height:100px}
}

/* 768 */
@media (max-width:900px){
  .si-rail-mark,.si-rail-tel{display:none}
  .si-wm{height:76px}
  .si-rail{overflow-x:auto;scrollbar-width:none}
  .si-rail ol{flex-wrap:nowrap;white-space:nowrap}
  .si-sign{grid-template-columns:1fr;gap:16px}
  .si-strip{grid-template-columns:1fr 1fr;padding:8px var(--pad)}
  .si-strip>div:nth-child(3){box-shadow:none;padding-left:0}
  .si-formula{flex-wrap:wrap}
  .si-five{grid-template-columns:repeat(3,1fr)}
  .si-pfoot{grid-template-columns:1fr}
  .si-defs{grid-template-columns:1fr}
  .si-rgrid{grid-template-columns:1fr 1fr}
  .si-rside{grid-column:1 / -1;padding:24px var(--pad) 0}
  .si-rbig,.si-rtall{height:420px}
  .si-wk{columns:3}
  .si-food{grid-template-columns:1fr 1fr}
  .si-guide{grid-template-columns:minmax(0,1fr);gap:16px}
  .si-gside{position:static}
  .si-qs{columns:1}
  .si-ways{grid-template-columns:1fr}
  .si-fgrid{grid-template-columns:1fr 1fr}
}

/* 모바일 */
@media (max-width:760px){
  :root{--pad:20px;--top:56px}
  body{padding-bottom:64px}
  .si-top{gap:10px}
  .si-langs{display:none}
  .si-langsel{display:block}
  .si-hero{height:auto;min-height:0;max-height:none;grid-template-rows:auto auto auto}
  .si-photo{height:448px}
  .si-mark{bottom:8px}
  .si-vctl{right:16px;bottom:12px;min-height:40px;padding:0 14px}
  .si-photo::after{background:linear-gradient(180deg,rgba(18,13,11,0) 66%,rgba(18,13,11,.96) 88%)}
  .si-wm{height:44px}
  .si-sign{padding:2px var(--pad) 12px;gap:8px}
  .si-kick,.si-sub{display:none}
  .si-h1,.si-en .si-h1,.si-ja .si-h1,.si-zh .si-h1{font-size:40px;letter-spacing:-.01em}
  .si-en .si-h1{font-size:34px}
  .si-ja .si-h1{font-size:30px}
  .si-zh .si-h1{font-size:32px}
  .si-lead{font-size:16px;line-height:1.45;margin:0}
  .si-cta{display:none}
  .si-strip{grid-template-columns:1fr 1fr;padding:4px var(--pad);min-height:0}
  .si-strip>div{padding:7px 10px 7px 0}
  .si-strip-tg{display:none}
  .si-top .si-logo span{display:none}
  .si-btn--sm{padding:0 14px}
  .si-strip>div+div{padding-left:12px}
  .si-strip>div:nth-child(3){box-shadow:none;padding-left:0}
  .si-strip>div:nth-child(n+3){box-shadow:inset 0 1px 0 var(--ln)}
  .si-strip>div:nth-child(4){box-shadow:inset 0 1px 0 var(--ln),inset 1px 0 0 var(--ln)}
  .si-strip dt{font-size:12px}
  .si-strip dd,.si-strip-tg{font-size:18px}
  .si-strip-c dd{gap:10px;flex-wrap:wrap}
  .si-rail{height:48px;padding:0 var(--pad)}
  .si-rail ol{font-size:14px;gap:18px}
  .si-sec{padding:80px var(--pad)}
  .si-h2{font-size:32px}
  .si-h3{font-size:20px;margin:56px 0 20px}
  .si-h3 small{display:block;margin:4px 0 0}
  .si-subh{font-size:16px}
  .si-axis{height:118px;margin-top:44px}
  .si-t{font-size:34px}.si-t1{font-size:15px;top:14px}
  .si-bar{top:50px;height:10px}
  .si-al{top:72px;font-size:12px;max-width:34%}
  .si-al2{text-align:right}
  .si-week{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin-top:32px}
  .si-day{padding:12px 4px;min-width:0}
  .si-day span{overflow-wrap:anywhere}
  .si-day b{font-size:18px}
  .si-day span{font-size:10px;display:block;line-height:1.3}
  .si-formula{margin-top:40px;padding:32px var(--pad);flex-direction:column;gap:8px}
  .si-formula strong{font-size:56px}
  .si-formula span{margin-top:6px;font-size:14px}
  .si-formula i{font-size:40px}
  .si-five{grid-template-columns:1fr 1fr;gap:20px}
  .si-five li b{font-size:28px}
  .si-pfoot{margin-top:48px;gap:28px}
  .si-rgrid{grid-template-columns:1fr;margin-top:36px;padding:0}
  .si-rbig{height:300px}
  .si-rtall{display:none}
  .si-rside{padding:24px var(--pad) 0}
  .si-sz0{font-size:40px}.si-sz1{font-size:60px}.si-sz2{font-size:84px}
  .si-wk{columns:2;column-gap:20px;font-size:15px}
  .si-wk li::before{width:28px}
  .si-food{gap:28px 20px}
  .si-fg h4 strong{font-size:30px}
  .si-fg li{font-size:14px}
  .si-guide{padding:80px var(--pad)}
  .si-glist li{grid-template-columns:48px 1fr;font-size:16px;padding:18px 0}
  .si-glist li::before{font-size:30px}
  .si-addr{font-size:36px}
  .si-qs{margin-top:32px}
  .si-q summary{font-size:16px;grid-template-columns:40px 1fr}
  .si-q p{margin-left:40px}
  .si-way-tel strong{font-size:44px}
  .si-way-tg strong{font-size:30px}
  .si-flow{grid-template-columns:1fr;gap:24px;margin-top:56px}
  .si-fgrid{grid-template-columns:1fr;gap:28px}
  .si-nfwrap{grid-template-columns:1fr}
  .si-nfh{font-size:64px}
  .si-dock{display:grid;grid-template-columns:1fr 1fr;position:fixed;left:0;right:0;bottom:0;height:64px;z-index:20;padding-bottom:env(safe-area-inset-bottom)}
  .si-dock a{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;text-decoration:none;background:var(--cu);color:var(--ink)}
  .si-dock a+a{background:var(--s3);color:var(--tx)}
}
@media (max-width:360px){
  .si-h1,.si-ja .si-h1,.si-zh .si-h1{font-size:34px}
  .si-en .si-h1{font-size:29px}
  .si-strip dd,.si-strip-tg{font-size:16px}
  .si-strip dd{white-space:normal}
  .si-formula strong{font-size:46px}
  .si-addr{font-size:30px}
  .si-way-tel strong{font-size:36px}
  .si-five li b{font-size:24px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.si-vid,.si-vctl{display:none !important}}
@media (max-width:760px){html[lang=en] .si-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}html[lang=en] .si-strip dd{white-space:normal;overflow-wrap:anywhere}}