@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css');
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Pretendard',system-ui,sans-serif;background:#fff;color:#101318;word-break:keep-all;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.si-w{width:100%;max-width:1220px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}

.si-nav{background:#FDF9EE;border-bottom:1px solid #EBE2CE;position:sticky;top:0;z-index:40}
.si-navin{display:flex;align-items:center;justify-content:space-between;height:78px;gap:22px}
.si-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.03em}
.si-menu{display:flex;gap:30px}
.si-menu > a{font-size:15px;font-weight:600;color:#454d59}
.si-menu > a:hover{color:#101318}
.si-menu > a.on{color:#101318;font-weight:800}
.si-navb{border:1.5px solid #101318;border-radius:8px;padding:11px 20px;font-size:14.5px;font-weight:700;white-space:nowrap}
.si-burger{display:none}

.si-hero{background:#FDF9EE}
.si-heroin{display:grid;grid-template-columns:1.02fr 1fr;gap:56px;align-items:center;padding-top:76px;padding-bottom:76px}
.si-h1{font-size:clamp(34px,4.8vw,58px);font-weight:800;letter-spacing:-.045em;line-height:1.12}
.si-lead{color:#4b5462;font-size:16.5px;line-height:1.85;margin-top:24px;max-width:46ch}
.si-btn{display:inline-flex;align-items:center;gap:9px;background:#F5B33C;color:#101318;font-weight:800;font-size:15.5px;padding:16px 28px;border-radius:8px;margin-top:32px}
.si-btn2{display:inline-flex;align-items:center;gap:9px;border:1.5px solid #101318;color:#101318;font-weight:800;font-size:15.5px;padding:16px 28px;border-radius:8px;margin-top:32px;margin-left:10px}
.si-heropic{width:100%;height:430px;object-fit:cover;border-radius:10px}
.si-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:30px}
.si-scell{padding-left:22px;padding-right:22px;border-left:1px solid #DED4BE}
.si-scell:first-child{padding-left:0;border-left:0}
.si-snum{font-size:clamp(26px,2.8vw,36px);font-weight:800;letter-spacing:-.04em}
.si-slab{color:#6a7280;font-size:14px;margin-top:8px}

.si-statement{padding-top:88px;padding-bottom:88px}
.si-stx{font-size:clamp(24px,3.5vw,44px);font-weight:400;letter-spacing:-.035em;line-height:1.42;color:#a3aab4}
.si-stx > b{color:#101318;font-weight:800}

.si-sec{padding-top:92px;padding-bottom:92px}
.si-sec.tint{background:#FBF7F3}
.si-sec.ink{background:#101318;color:#fff}
.si-eye{font-size:12.5px;font-weight:800;letter-spacing:.2em;color:#B98A18;margin-bottom:16px}
.si-h2{font-size:clamp(26px,3.4vw,42px);font-weight:800;letter-spacing:-.04em;line-height:1.24;max-width:20ch}
.si-p{color:#4b5462;font-size:16px;line-height:1.85;margin-top:18px;max-width:60ch}
.si-two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}

.si-feats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:46px}
.si-feat{border:1px solid #E4E7EB;border-radius:12px;padding:30px 26px;background:#fff}
.si-fic{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:800;letter-spacing:-.025em;margin-bottom:12px}
.si-fd{color:#5a636f;font-size:15px;line-height:1.78}

.si-specs{width:100%;border-collapse:collapse;margin-top:36px;font-size:15px}
.si-specs th{background:#F4EEDF;text-align:left;padding:14px 18px;font-weight:800;border:1px solid #E5DCC7}
.si-specs td{padding:14px 18px;border:1px solid #E7E9EC;color:#4b5462;line-height:1.7}

.si-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:48px;border-top:2px solid #101318}
.si-fs{padding-top:28px;padding-right:20px;border-right:1px solid #E0E3E7}
.si-fs:last-child{border-right:0}
.si-fn{font-size:13px;font-weight:800;color:#B98A18;letter-spacing:.1em;margin-bottom:14px}
.si-ft{font-size:17px;font-weight:800;letter-spacing:-.03em;margin-bottom:9px}
.si-fp{color:#5a636f;font-size:14.5px;line-height:1.72}

.si-gal{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:44px}
.si-gal > img{width:100%;height:340px;object-fit:cover;border-radius:10px}

.si-banner{background:#101318;color:#fff;padding-top:120px;padding-bottom:56px}
.si-crumb{color:rgba(255,255,255,.55);font-size:13.5px;margin-bottom:12px}
.si-bh{font-size:clamp(28px,4vw,48px);font-weight:800;letter-spacing:-.04em}
.si-bp{color:rgba(255,255,255,.66);font-size:16px;line-height:1.8;margin-top:16px;max-width:56ch}

.si-prose{max-width:780px}
.si-prose > h3{font-size:22px;font-weight:800;letter-spacing:-.03em;margin-top:38px;margin-bottom:12px}
.si-prose > p{color:#4b5462;font-size:16px;line-height:1.9;margin-bottom:14px}
.si-wide{width:100%;height:400px;object-fit:cover;border-radius:10px;margin-top:36px}

.si-cta{background:#F5B33C;padding-top:76px;padding-bottom:76px}
.si-ctain{display:flex;flex-wrap:wrap;gap:26px;align-items:center;justify-content:space-between}
.si-ctah{font-size:clamp(24px,3vw,38px);font-weight:800;letter-spacing:-.04em;line-height:1.3}
.si-ctap{color:#4a3d18;font-size:15px;margin-top:12px;line-height:1.75}
.si-cbtn{background:#101318;color:#fff;font-weight:800;font-size:15.5px;padding:16px 30px;border-radius:8px;display:inline-flex;align-items:center;gap:9px}

.si-foot{background:#101318;color:rgba(255,255,255,.6);padding-top:58px;padding-bottom:46px;font-size:14px;line-height:1.85}
.si-fg{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px;padding-bottom:32px;border-bottom:1px solid rgba(255,255,255,.11)}
.si-fb{color:#fff;font-weight:800;font-size:19px;letter-spacing:-.03em;margin-bottom:12px}
.si-fh{color:#fff;font-weight:700;font-size:14px;margin-bottom:11px}
.si-fl{list-style:none}
.si-fl > li{margin-bottom:7px}
.si-freg{margin-top:24px;font-size:13px;color:rgba(255,255,255,.46);line-height:1.9}
.si-fnote{margin-top:12px;font-size:12.5px;color:rgba(255,255,255,.36);line-height:1.8}

@media(max-width:1000px){
 .si-menu{display:none}
 .si-heroin{grid-template-columns:1fr;gap:36px;padding-top:48px;padding-bottom:48px}
 .si-two{grid-template-columns:1fr;gap:32px}
 .si-feats{grid-template-columns:1fr 1fr}
 .si-flow{grid-template-columns:1fr 1fr}
 .si-fs{border-right:0;border-bottom:1px solid #E0E3E7;padding-bottom:22px}
 .si-gal{grid-template-columns:1fr}
 .si-fg{grid-template-columns:1fr}
 .si-sec{padding-top:62px;padding-bottom:62px}
 .si-statement{padding-top:58px;padding-bottom:58px}
}
@media(max-width:620px){
 .si-feats{grid-template-columns:1fr}
 .si-flow{grid-template-columns:1fr}
 .si-heropic{height:260px}
 .si-gal > img{height:220px}
 .si-btn2{margin-left:0}
 .si-navb{display:none}
}
