@import url('../fonts/noto-sans-kr-400.css');
@import url('../fonts/noto-sans-kr-700.css');
@import url('../fonts/noto-serif-kr-400.css');
:root{--black:#090806;--panel:#0e0c09;--gold:#d7ac5a;--light:#f2dfae;--cream:#f4f0e7;--gray:#aaa39a}*{box-sizing:border-box}html{scroll-behavior:smooth}body.ilbeonji-site{margin:0;background:var(--black);color:#fff;font-family:"Noto Sans KR",sans-serif;overflow-x:hidden}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:99;background:#fff;color:#000;padding:10px}.site-head{position:absolute;z-index:20;top:0;left:0;right:0;height:92px;padding:0 5.5vw;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.17)}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;min-width:245px}.brand .seal{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--light);font-family:Georgia,serif;font-size:21px;box-shadow:inset 0 0 0 4px rgba(215,172,90,.07)}.brand b{display:block;font-family:"Noto Serif KR",serif;font-size:17px;font-weight:400;letter-spacing:.26em}.brand small{display:block;color:#c8bdad;font-size:7px;letter-spacing:.28em;margin-top:4px}.site-head nav{display:flex;gap:30px;margin:auto}.site-head nav a{color:#eae4d9;text-decoration:none;font-size:12px}.head-cta{min-width:180px;border:1px solid rgba(215,172,90,.75);color:var(--light);padding:12px 16px;text-align:center;text-decoration:none;font-size:11px}.hero{height:930px;position:relative;overflow:hidden}.hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.87),rgba(0,0,0,.28) 52%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(9,8,6,.92),transparent 45%),linear-gradient(180deg,rgba(0,0,0,.45),transparent 23%)}.hero-copy{position:absolute;z-index:2;left:7.5%;top:27%;max-width:610px}.eyebrow,.section-head span,.story-copy>span,.reviews>span,.faq>span,.contact>span{color:var(--light);font-size:10px;letter-spacing:.32em}.hero h1{font-family:"Noto Serif KR",serif;font-size:64px;line-height:1.2;font-weight:400;letter-spacing:-.05em;margin:23px 0 18px}.hero h1 em{font-style:normal;color:var(--light)}.lead{font-family:"Noto Serif KR",serif;color:#eee4d6;font-size:17px;line-height:1.85}.hero-actions,.contact>div{display:flex;gap:10px;margin-top:32px}.button{min-height:54px;padding:0 27px;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:12px}.button.gold{background:linear-gradient(135deg,#f0d38f,#bd873a);color:#171006;font-weight:700}.button.ghost{border:1px solid rgba(255,255,255,.55);color:#fff;background:rgba(0,0,0,.22)}.trust{display:flex;gap:22px;color:#ddd4c7;font-size:11px;margin-top:25px}.quick,.rooms,.reviews,.faq{padding:90px 6.5%}.quick{background:radial-gradient(circle at 16% 0,rgba(191,137,54,.15),transparent 28%),var(--panel)}.section-head{display:flex;justify-content:space-between;align-items:end;max-width:1400px;margin:0 auto 34px}.section-head h2,.rooms h2,.reviews h2,.faq h2{font-family:"Noto Serif KR",serif;font-weight:400;font-size:38px;margin:12px 0 0}.section-head>p{color:#8e877e;font-size:13px}.quick-grid{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-grid article{min-height:210px;padding:28px 24px;border:1px solid #382f23;background:linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.01));position:relative}.quick-grid article:before{content:"";position:absolute;left:0;top:0;width:70%;height:2px;background:linear-gradient(90deg,var(--gold),transparent)}.icon{width:47px;height:47px;border:1px solid rgba(215,172,90,.45);border-radius:50%;display:grid;place-items:center;color:var(--light);font-size:23px}.quick-grid h3{font-family:"Noto Serif KR",serif;font-weight:400;font-size:18px;margin:24px 0 10px}.quick-grid p,.room-panel p{color:#9f978c;font-size:12px;line-height:1.75}.story{background:var(--cream);color:#17130e;padding:105px 8%;display:grid;grid-template-columns:.82fr 1.18fr;gap:8vw;align-items:center}.story-copy h2{font-family:"Noto Serif KR",serif;font-weight:400;font-size:44px;line-height:1.35;margin:18px 0 24px}.story-copy p{color:#70685f;font-size:14px;line-height:1.95}.story-copy a{color:#8a642d;text-decoration:none;font-size:12px}.story figure{margin:0;position:relative}.story img{display:block;width:100%;height:440px;object-fit:cover}.story figcaption{position:absolute;right:-18px;bottom:-20px;background:#17130e;color:var(--light);padding:23px 30px;font-family:Georgia,serif;font-size:12px;letter-spacing:.18em;line-height:1.7}.rooms{background:#11100d}.room-panel{max-width:1400px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #3a3228}.room-panel>div{min-height:220px;padding:38px;border-right:1px solid #3a3228;background:linear-gradient(145deg,rgba(215,172,90,.07),transparent)}.room-panel>div:last-child{border-right:0}.room-panel b{font-family:"Noto Serif KR",serif;font-size:21px;font-weight:400}.reviews{background:#e9e2d5;color:#17130e}.reviews h2,.reviews>span,.reviews>p,.review-grid{max-width:1400px;margin-left:auto;margin-right:auto}.reviews h2{margin-top:12px}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:35px}.review-grid blockquote{margin:0;padding:31px;border-top:2px solid #aa7b35;background:#f8f5ee;font-family:"Noto Serif KR",serif;font-size:15px;line-height:1.8}.review-note{color:#8b8277;font-size:11px;margin-top:18px}.faq{background:#0b0a08}.faq>span,.faq>h2,.faq details{max-width:980px;margin-left:auto;margin-right:auto}.faq h2{margin-top:12px;margin-bottom:35px}.faq details{border-top:1px solid #3a342d;padding:0 4px}.faq details:last-child{border-bottom:1px solid #3a342d}.faq summary{cursor:pointer;padding:22px 0;font-family:"Noto Serif KR",serif;font-size:16px}.faq details p{color:#aaa197;font-size:13px;line-height:1.8;padding:0 0 21px;margin:0}.contact{text-align:center;padding:110px 20px;background:radial-gradient(circle at center,rgba(194,139,55,.15),transparent 38%),#110e0a}.contact h2{font-family:"Noto Serif KR",serif;font-size:42px;line-height:1.4;font-weight:400}.contact>p{font-family:Georgia,serif;color:var(--light);letter-spacing:.12em}.contact>div{justify-content:center}footer{padding:45px 6.5%;display:flex;align-items:center;justify-content:space-between;background:#070604;border-top:1px solid #28221b}footer p{color:#766e65;font-size:11px}.mobile-bar{display:none}
@media(max-width:760px){body.ilbeonji-site{padding-bottom:58px}.site-head{height:68px;padding:0 16px}.brand{min-width:0}.brand .seal{width:39px;height:39px;font-size:18px}.brand b{font-size:12px}.brand small{font-size:6px}.site-head nav{display:none}.head-cta{min-width:0;margin-left:auto;padding:9px 10px;font-size:8px}.hero{height:745px}.hero video{height:350px;object-position:center 48%}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.05) 32%,#090806 48%,#090806)}.hero-copy{left:20px;right:20px;top:382px;text-align:center}.hero h1{font-size:37px;margin:17px 0 13px}.lead{font-size:13px;line-height:1.7}.hero-actions{display:grid;grid-template-columns:1.2fr 1fr;margin-top:22px}.button{min-height:48px;padding:0 12px}.trust{justify-content:center;gap:10px;font-size:8.5px}.quick,.rooms,.reviews,.faq{padding:62px 16px}.section-head{display:block;margin-bottom:26px}.section-head h2,.rooms h2,.reviews h2,.faq h2{font-size:28px}.section-head>p{margin-top:10px}.quick-grid{grid-template-columns:1fr 1fr;gap:8px}.quick-grid article{min-height:180px;padding:20px 14px}.icon{width:40px;height:40px;font-size:19px}.quick-grid h3{font-size:14px;margin:18px 0 7px}.quick-grid p{font-size:10px}.story{padding:70px 20px 90px;grid-template-columns:1fr;gap:30px}.story-copy h2{font-size:31px}.story img{height:270px}.story figcaption{right:-5px;padding:15px 18px;font-size:9px}.room-panel,.review-grid{grid-template-columns:1fr}.room-panel>div{min-height:135px;padding:25px;border-right:0;border-bottom:1px solid #3a3228}.review-grid blockquote{font-size:13px}.contact{padding:80px 18px}.contact h2{font-size:29px}.contact>div{display:grid;grid-template-columns:1fr 1fr}.contact .button{padding:0 8px}footer{display:block;padding:35px 20px}footer p{line-height:1.7}.mobile-bar{position:fixed;z-index:50;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:58px;background:rgba(8,7,5,.98);border-top:1px solid #4c3d29}.mobile-bar a{display:flex;align-items:center;justify-content:center;color:#d3cabd;text-decoration:none;font-size:9px;border-right:1px solid #28231e}.mobile-bar a:nth-child(3){background:linear-gradient(135deg,#e1bf72,#b98339);color:#171006;font-weight:700}}


/* 2026-08-17 main page content, contrast and network cards */
.urgent-note{margin:14px 0 0;color:#d8cfc2;font-size:11px}
.story .story-copy>span{color:#8a642d;font-weight:700}
.story-gallery-link{display:inline-flex;margin-top:16px;padding-bottom:5px;border-bottom:1px solid rgba(138,100,45,.4);font-weight:700}
.reviews>span{color:#8a642d;font-weight:700}
.review-grid article{margin:0;padding:30px;border-top:2px solid #aa7b35;background:#f8f5ee;display:flex;flex-direction:column;min-height:260px}
.review-grid .stars{color:#b47d25;font-size:20px;letter-spacing:.1em;margin-bottom:14px}
.review-grid article blockquote{margin:0;padding:0;border:0;background:transparent;color:#2c251d;font-family:"Noto Serif KR",serif;font-size:15px;line-height:1.9;flex:1}
.review-grid article>p{margin:22px 0 0;color:#62594e;font-size:12px;text-align:right}
.contact>div{flex-wrap:wrap}
.contact>div .button{min-width:180px}
.network{padding:100px 6.5%;background:#f4f0e7;color:#17130e}
.network-head,.network-grid{max-width:1400px;margin-left:auto;margin-right:auto}
.network-head>span{color:#8a642d;font-size:10px;font-weight:700;letter-spacing:.32em}
.network-head h2{font-family:"Noto Serif KR",serif;font-weight:400;font-size:38px;margin:12px 0 10px}
.network-head p{color:#70685f;font-size:13px;margin:0 0 34px}
.network-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.area-card{position:relative;min-height:220px;padding:29px 30px 28px;border:1px solid #d8ccbb;background:#fff;color:#17130e;text-decoration:none;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.area-card:before{content:"";position:absolute;left:0;top:0;width:90px;height:2px;background:#aa7b35}
.area-card:hover{transform:translateY(-3px);border-color:#b98a45;box-shadow:0 15px 35px rgba(40,29,14,.09)}
.area-card>span{color:#956b2d;font-size:10px;font-weight:700;letter-spacing:.2em}
.area-card h3{font-family:"Noto Serif KR",serif;font-size:21px;font-weight:400;margin:18px 0 10px}
.area-card p{color:#70685f;font-size:12px;line-height:1.75;margin:0 0 24px}
.area-card b{position:absolute;left:30px;bottom:25px;color:#8a642d;font-size:11px}
@media(max-width:760px){
  .urgent-note{font-size:9px;margin-top:11px}
  .review-grid article{min-height:220px;padding:25px 22px}
  .review-grid article blockquote{font-size:13px}
  .review-grid .stars{font-size:17px}
  .contact>div{grid-template-columns:1fr}
  .contact>div .button{min-width:0}
  .network{padding:68px 16px}
  .network-head h2{font-size:28px}
  .network-head p{font-size:11px;line-height:1.7}
  .network-grid{grid-template-columns:1fr;gap:9px}
  .area-card{min-height:190px;padding:24px 21px}
  .area-card h3{font-size:18px;margin-top:14px}
  .area-card b{left:21px;bottom:21px}
}

.network h2,.network h3{color:#17130e}

.story .story-copy h2,.reviews h2{color:#17130e !important;text-shadow:none !important}


/* Premium image-card refinement */
.story-copy>span,.rooms .section-head span,.reviews>span,.faq>span,.contact>span{font-weight:700;letter-spacing:.34em}
.story-copy h2,.section-head h2,.reviews h2,.faq h2,.contact h2,.network-head h2{letter-spacing:-.035em;text-wrap:balance}
.story figure{overflow:visible}
.story img{height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center 38%;box-shadow:0 28px 65px rgba(30,21,12,.16)}
.room-panel{border:0;gap:16px;background:transparent;align-items:stretch}
.room-card{min-width:0;height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #3a3228;background:#171511;box-shadow:0 22px 52px rgba(0,0,0,.22);transition:transform .3s ease,border-color .3s ease}
.room-card:hover{transform:translateY(-5px);border-color:#9e753c}
.room-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center}
.room-card>div{flex:1;min-height:145px;padding:27px 28px 29px;border-top:1px solid #3a3228;background:linear-gradient(145deg,rgba(215,172,90,.08),transparent 65%)}
.room-card b{display:block;color:#f2eadc;font-size:21px;letter-spacing:-.025em}
.room-card p{margin:10px 0 0;color:#aaa195;font-size:12px;line-height:1.75}
.review-grid{align-items:stretch}
.review-grid article{box-sizing:border-box;height:100%;min-height:300px;display:flex;flex-direction:column;padding:32px 31px;border:1px solid #d9cdbd;border-top:2px solid #a87834;background:#fbf8f2;box-shadow:0 15px 35px rgba(45,32,15,.07)}
.review-grid article blockquote{flex:1;padding:20px 0 16px;border:0;background:transparent;color:#2b251f;letter-spacing:-.015em}
.review-grid article>p{margin:0;color:#786e63;font-size:12px}
.review-grid .stars{color:#a87834;letter-spacing:.12em}
@media(max-width:760px){
  .story img{aspect-ratio:4/3}
  .room-panel{grid-template-columns:1fr;gap:12px}
  .room-card>div{min-height:0;padding:23px 22px 25px}
  .review-grid article{height:auto;min-height:250px;padding:26px 23px}
}


/* Desktop composition refinement */
@media (min-width:1000px){
  .site-head{height:82px;padding-left:max(42px,calc((100vw - 1180px)/2));padding-right:max(42px,calc((100vw - 1180px)/2))}
  .site-head nav{gap:24px}
  .hero{height:min(820px,92vh);min-height:700px}
  .hero-copy{left:max(7.5%,calc((100vw - 1180px)/2));top:25%;max-width:560px}
  .hero h1{font-size:58px;line-height:1.18}
  .lead{max-width:520px;font-size:16px}
  .quick,.rooms,.reviews,.faq{padding-top:82px;padding-bottom:88px}
  .section-head,.quick-grid,.room-panel,.reviews h2,.reviews>span,.reviews>p,.review-grid,.network-head,.network-grid{max-width:1180px}
  .quick-grid{gap:14px}
  .quick-grid article{min-height:230px;padding:30px 26px}
  .story{padding:94px max(7.5%,calc((100vw - 1180px)/2));grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);gap:72px}
  .story-copy{max-width:440px}
  .story-copy h2{font-size:40px}
  .story figure{max-width:680px;justify-self:end}
  .story img{max-height:500px}
  .room-panel{gap:18px}
  .room-card img{aspect-ratio:16/10}
  .room-card>div{min-height:132px;padding:25px 27px 27px}
  .review-grid{gap:18px}
  .review-grid article{min-height:290px;padding:34px 32px}
  .faq>span,.faq>h2,.faq details{max-width:900px}
  .contact{padding-top:94px;padding-bottom:98px}
  .contact h2{font-size:43px;line-height:1.35}
  .network{padding:88px max(6.5%,calc((100vw - 1180px)/2)) 96px}
  .network-grid{gap:14px}
  .area-card{min-height:205px}
}
@media (min-width:1500px){
  .hero-copy{left:calc((100vw - 1240px)/2)}
  .section-head,.quick-grid,.room-panel,.reviews h2,.reviews>span,.reviews>p,.review-grid,.network-head,.network-grid{max-width:1240px}
  .story{padding-left:calc((100vw - 1240px)/2);padding-right:calc((100vw - 1240px)/2)}
  .network{padding-left:calc((100vw - 1240px)/2);padding-right:calc((100vw - 1240px)/2)}
}