:root{color-scheme:only light;--paper:#EDECE7;--panel:#E4E2DC;--ink:#2A2320;--ink-soft:#6B635C;--bark:#594035;--line:#D5D2CB;--rule:#C6C2B9;--track:#D8DEDD;
--serif:"EB Garamond",Georgia,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",serif;--sans:"Karla","Helvetica Neue","Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",Arial,sans-serif}
*{box-sizing:border-box}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:var(--bark)}
.wrap{max-width:920px;margin:0 auto;padding:0 26px}
h1,h2,h3{font-family:var(--serif);font-weight:400;text-wrap:balance}
h1{font-size:clamp(2rem,4.4vw,3rem);line-height:1.08;margin:0 0 14px}
h2{font-size:clamp(1.72rem,2.8vw,2.05rem);line-height:1.2;margin:0 0 12px}
h3{font-size:1.3rem;line-height:1.25;margin:0 0 6px}
p{margin:0 0 14px;max-width:64ch}
.lede{font-family:var(--serif);font-size:1.45rem;line-height:1.5;max-width:52ch;margin-bottom:22px}
.eyebrow{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);margin:0 0 8px}
.soft{color:var(--ink-soft)}.small{font-size:.87rem}

header.site{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.hin{max-width:920px;margin:0 auto;padding:14px 26px;display:flex;align-items:center;gap:18px;flex-wrap:nowrap}
nav.main{display:flex;gap:19px;flex-wrap:wrap;min-width:0}
nav.main a{font-size:.86rem;white-space:nowrap;text-decoration:none;color:var(--ink-soft);padding-bottom:2px;border-bottom:1px solid transparent}
nav.main a:hover{color:var(--ink)} nav.main a.on{color:var(--ink);border-bottom-color:var(--bark)}
.cta{margin-left:auto;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;
 border:1px solid var(--bark);color:var(--bark);padding:8px 14px;text-decoration:none;white-space:nowrap;flex:none}
.cta:hover{background:var(--bark);color:var(--paper)}

.subnav{background:var(--panel);border-bottom:1px solid var(--line)}
.sin{max-width:920px;margin:0 auto;padding:11px 26px;display:flex;align-items:baseline;gap:8px 20px;flex-wrap:wrap}
.sin .lab{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-soft);
 text-decoration:none;white-space:nowrap}
.sin .lab:hover{color:var(--ink)}
nav.sub{display:flex;gap:18px;flex-wrap:wrap}
nav.sub a{font-size:.82rem;text-decoration:none;color:var(--ink-soft);padding-bottom:2px;
 border-bottom:1px solid transparent;white-space:nowrap}
nav.sub a:hover{color:var(--ink)}
nav.sub a.on{color:var(--ink);border-bottom-color:var(--bark)}
.page{padding:44px 0 72px}
.hero{position:relative}
.hero img{width:100%;height:min(62vh,520px);object-fit:cover;object-position:center 70%}
.hero .ov{position:absolute;inset:0;display:flex;align-items:flex-start}
.hero .in{max-width:920px;margin:0 auto;padding:42px 26px 0;width:100%}
.hero h1{color:#594035;margin:0}
.hero h1.hmark{color:#594035}
.hero h1.hmark svg{display:block;height:clamp(36px,6.4vw,58px);width:auto;fill:currentColor;
 filter:drop-shadow(0 1px 3px rgba(255,255,255,.55))}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hero p{color:#4B4038;margin:10px 0 0;font-size:1.02rem;max-width:46ch;
 text-shadow:0 1px 3px rgba(255,255,255,.7)}

.doors{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:38px}
.doors a{background:var(--panel);padding:22px 20px 24px;text-decoration:none;color:var(--ink)}
.doors a:hover{background:var(--track)}.doors h3{margin:0 0 6px}
.doors p{font-size:.89rem;color:var(--ink-soft);margin:0}
.key{border-left:2px solid var(--bark);padding:4px 0 4px 20px;margin:40px 0}
.key p:last-child{margin:0}
.key h2{font-size:1.3rem;margin:0 0 7px}
.band{background:var(--panel);border:1px solid var(--line);padding:26px;margin:40px 0}
.go{display:inline-flex;align-items:center;gap:8px;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;
 color:var(--bark);text-decoration:none;border-bottom:1px solid var(--bark);padding-bottom:4px}
.btnlink{display:inline-flex;align-items:center;gap:10px;background:var(--bark);color:var(--paper);
 border:1px solid var(--bark);padding:14px 26px;font-size:.74rem;font-weight:700;text-transform:uppercase;
 letter-spacing:.13em;text-decoration:none}
.btnlink:hover{opacity:.86}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:22px}
.cards a{background:var(--panel);padding:20px 19px 22px;text-decoration:none;color:var(--ink)}
.cards a:hover{background:var(--track)}
.cards h2{font-size:1.16rem;line-height:1.25;margin:0 0 5px}.cards p{font-size:.86rem;color:var(--ink-soft);margin:0}

figure.ph{margin:26px 0}
figure.ph img{width:100%}
figure.ph.native img{width:auto;max-width:100%}
figure.ph.narrow{max-width:420px}
figure.ph figcaption{font-size:.82rem;color:var(--ink-soft);margin-top:9px;max-width:56ch}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:26px 0}
.pair.small{max-width:540px}
.mkgrid{display:grid;grid-template-columns:1.7fr 1fr;gap:18px;align-items:start;margin:26px 0}
.mkstack{display:grid;gap:18px}
.mkgrid figure{margin:0}
.mkgrid img{width:100%;display:block}
.mkgrid figcaption{font-size:.8rem;color:var(--ink-soft);margin-top:8px}
.work{border-top:1px solid var(--rule);margin-top:14px}
.work div{display:grid;grid-template-columns:minmax(150px,1fr) 2fr;gap:10px 24px;
 padding:14px 0;border-bottom:1px solid var(--line)}
.work .what{font-weight:600;font-size:.92rem}
.work .where{font-family:var(--serif);font-size:1.15rem;line-height:1.25}
@media (max-width:560px){.work div{grid-template-columns:1fr;gap:3px}}
.trio3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:26px 0}
.trio3 figure{margin:0}
.trio3 figcaption{font-size:.8rem;color:var(--ink-soft);margin-top:8px}
.pair figure{margin:0}.pair figcaption{font-size:.8rem;color:var(--ink-soft);margin-top:8px}

.rrow{display:grid;grid-template-columns:118px minmax(0,1fr) 116px;gap:15px;align-items:center;margin-bottom:11px}
.rrow .lab{font-size:.82rem;font-weight:600;text-align:right;line-height:1.3}
.rrow .lab span{font-weight:400;color:var(--ink-soft);font-size:.73rem}
.rbar{height:20px;background:var(--track);position:relative}
.rbar span{position:absolute;left:0;top:0;bottom:0;background:var(--bark);opacity:.85}
.rrow .val{font-size:.82rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.ticks{display:flex;justify-content:space-between;font-size:.68rem;color:var(--ink-soft);font-variant-numeric:tabular-nums;
 border-top:1px solid var(--rule);padding-top:5px;margin-left:133px}
.steps{display:grid;grid-template-columns:1fr 1.15fr 2.9fr 1.25fr;gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:24px}
.steps>div{background:var(--panel);padding:16px}
.steps .n{font-family:var(--serif);font-size:1.05rem;color:var(--bark)}
.steps h4{margin:9px 0 5px;font-size:.94rem;font-weight:700}
.steps p{margin:0;font-size:.86rem;color:var(--ink-soft);line-height:1.55}
.steps .wait{background:var(--track)}.steps .wait p{color:var(--ink)}
.three{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:16px}
.three>div{background:var(--panel);padding:15px 16px 17px}
.three h4{margin:0 0 4px;font-size:.88rem;font-weight:700}
.three p{margin:0;font-size:.84rem;color:var(--ink-soft);line-height:1.55}
.mech{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:20px}
.mech>div{background:var(--panel);padding:16px;display:flex;flex-direction:column}
.mech .mk{font-family:var(--serif);font-size:1.05rem;color:var(--bark)}
.mech h4{margin:8px 0 5px;font-size:.9rem;font-weight:700}
.mech p{margin:0;font-size:.83rem;color:var(--ink-soft);line-height:1.5}
.mech .bg{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:16px}

.tnames{display:flex;flex-wrap:wrap;gap:10px 26px;margin:22px 0 0;padding:20px 0;
 border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.tnames span{font-family:var(--serif);font-size:1.3rem;line-height:1.2}
.cg{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:24px}
.cg figure{background:var(--panel);margin:0;display:flex;flex-direction:column}
.cg img{width:100%;aspect-ratio:5/3;object-fit:cover;-webkit-user-drag:none;user-select:none;-webkit-touch-callout:none;pointer-events:none}
.cg figcaption{display:flex;flex-direction:column;flex:1;padding:12px 14px 15px}
.cg .cn{display:block;font-family:var(--serif);font-size:1.18rem;line-height:1.2}
.cg .bg{display:flex;gap:6px;flex-wrap:wrap;margin-top:auto;padding-top:9px;min-height:19px}
.tag{font-size:.61rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:3px 7px;border:1px solid var(--rule);color:var(--ink-soft)}
.tag.prem{border-color:var(--bark);color:var(--bark)}
.tag.stk{background:var(--track)}

table{width:100%;border-collapse:collapse;font-size:.88rem;margin-top:16px}
th{text-align:left;font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-soft);font-weight:700;padding:0 12px 8px 0;border-bottom:1px solid var(--rule)}
td{padding:10px 12px 10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.tw{overflow-x:auto}
.form{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px;max-width:620px}
.f-full{grid-column:1/-1}
label{display:block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--ink-soft);margin-bottom:5px}
input,textarea,select{width:100%;font-family:var(--sans);font-size:.94rem;padding:10px 11px;background:var(--panel);border:1px solid var(--rule);color:var(--ink)}
.btn{background:var(--bark);color:var(--paper);border:1px solid var(--bark);padding:12px 22px;font-size:.76rem;font-weight:700;
 text-transform:uppercase;letter-spacing:.13em;cursor:pointer;font-family:var(--sans)}
.hold{border:1px dashed var(--rule);padding:30px 26px;text-align:center;color:var(--ink-soft)}
footer.site{border-top:1px solid var(--rule);padding:34px 0 54px;font-size:.85rem;color:var(--ink-soft)}
footer.site p{max-width:none;margin:0}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:26px 34px}
.fk{font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-soft);margin-bottom:8px!important}
.fgrid p+p{margin-top:10px!important}
.fgrid a{color:var(--bark);text-decoration:none;border-bottom:1px solid transparent}
.fgrid a:hover{border-bottom-color:var(--bark)}
.fnote a{color:var(--bark);text-decoration:none;border-bottom:1px solid var(--rule)}
.fnote a:hover{border-bottom-color:var(--bark)}
.fnote{margin-top:28px!important;padding-top:18px;border-top:1px solid var(--line);font-size:.78rem}
.ccard{border:1px solid var(--line);background:var(--panel);padding:22px 24px 24px;margin-top:6px}
.ccard .fk{margin-bottom:10px!important}
.ccard .big{font-family:var(--serif);font-size:1.5rem;color:var(--bark);text-decoration:none;display:inline-block}
.ccard a{color:var(--bark)}
footer.site a{color:var(--ink-soft)}
:focus-visible{outline:2px solid var(--bark);outline-offset:2px}
@media (max-width:880px){.hin{flex-wrap:wrap}.cta{margin-left:0}}
@media (max-width:820px){.mech{grid-template-columns:repeat(2,1fr)}.trio3,.mkgrid{grid-template-columns:1fr}.doors,.steps,.three,.form,.trads,.pair{grid-template-columns:1fr}.ticks{margin-left:0}
 .rrow{grid-template-columns:96px minmax(0,1fr)}.rrow .val{grid-column:2}}
@media (max-width:560px){.mech{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.estform{width:100%;height:820px;border:1px solid var(--line);background:var(--panel);display:block;margin:18px 0 10px}
@media (max-width:620px){.estform{height:900px}}