@font-face{font-family:EBGaramond;src:url('folio/eb-garamond.ttf') format('truetype');font-weight:400 800;font-display:swap}
@font-face{font-family:Space;src:url('folio/space-grotesk-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Space;src:url('folio/space-grotesk-variable.woff2') format('woff2');font-weight:500 700;font-display:swap}
:root{color-scheme:light;--paper:#F6F3EE;--soft:#EEE9E1;--ink:#17140F;--muted:#5B554C;--line:#D9D2C6;--orange:#B54309;--display-font:EBGaramond,Georgia,serif;--headline-track:-.5px;--sans:Space,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;--curve:cubic-bezier(.2,.75,.2,1)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:116px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--orange);outline-offset:5px}
.wrap{max-width:1264px;width:calc(100% - 112px);margin-inline:auto}
.skip-link{position:fixed;left:20px;top:-100px;background:var(--ink);color:var(--paper);padding:14px;z-index:50}.skip-link:focus{top:16px}
/* One navigation shell across the homepage, directories and detail pages. */
.nav-shell{position:fixed;left:50%;top:0;transform:translateX(-50%);width:calc(100% - 112px);max-width:1264px;height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;z-index:10;border:1px solid transparent;background:transparent;transition:width .35s var(--curve),max-width .35s var(--curve),height .35s var(--curve),padding .35s var(--curve),top .35s var(--curve),background .3s,box-shadow .3s,border-radius .35s,border-color .3s}
.nav-shell.scrolled{max-width:1120px;top:16px;height:70px;padding:10px 12px 10px 26px;border-color:var(--line);border-radius:16px;background:rgba(246,243,238,.96);backdrop-filter:blur(20px);box-shadow:0 10px 40px #17140f12}
.brand img{width:155px;height:auto;filter:none}
.desktop-nav{display:flex;align-items:center;gap:9px}.desktop-nav a{font-size:13px;padding:10px 13px;color:var(--muted);border-radius:6px;transition:color .2s,background .2s}.desktop-nav a:hover{color:var(--ink);background:var(--soft)}.desktop-nav a[aria-current=page],.mobile-nav a[aria-current=page]{color:var(--orange)}
.nav-apply{display:flex;align-items:center;gap:28px;font-size:13px;background:var(--orange);color:var(--paper);padding:14px 18px;border-radius:4px;transition:background .2s}.nav-apply:hover{background:#923706}.nav-apply span{font-size:21px;line-height:1}.menu-toggle,.mobile-nav{display:none}
.line-link,.back-link,.load-more{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border:1px solid #B7AC9C;padding:13px 17px;border-radius:4px;background:transparent;font-size:13px;line-height:1.4;transition:background .24s var(--curve),border-color .24s,color .24s}
.line-link:hover,.back-link:hover,.load-more:hover{background:var(--soft);border-color:var(--orange);color:var(--orange)}.line-link>span{color:var(--orange);font-size:20px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:28px;border:0;padding:36px 0 42px}.footer .brand img{width:145px}.footer-links{display:flex;flex-wrap:wrap;gap:14px 24px;font-size:12px;color:var(--muted)}.footer-links a:hover{color:var(--orange)}.footer>span{font-size:11px;color:var(--muted)}
@media(max-width:1100px){.wrap,.nav-shell{width:calc(100% - 64px)}.nav-shell{gap:14px}.nav-shell.scrolled{width:calc(100% - 48px);padding-left:20px}.brand img{width:140px}.desktop-nav{gap:0}.desktop-nav a{padding:10px;font-size:12px}.nav-apply{font-size:12px;padding:13px;gap:16px}.footer-links{gap:12px 18px}}
@media(max-width:760px){html{scroll-padding-top:100px}.wrap{width:calc(100% - 40px)}.nav-shell{width:calc(100% - 40px);height:85px;padding:12px 0}.nav-shell.scrolled{width:calc(100% - 28px);height:62px;top:12px;padding:12px 16px;border-radius:13px}.brand img{width:139px}.desktop-nav,.nav-apply{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:0;background:none;width:36px;height:36px;padding:7px}.menu-toggle span{width:21px;height:1.5px;background:var(--ink);transition:transform .25s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-nav:not([hidden]){position:absolute;top:calc(100% + 8px);left:0;right:0;display:flex;flex-direction:column;padding:10px;background:var(--paper);border:1px solid var(--line);border-radius:12px}.mobile-nav a{font-size:15px;padding:15px;border-radius:6px}.mobile-nav a:last-child{background:var(--orange);color:var(--paper)}.footer{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:30px 0}.footer-links{gap:16px;max-width:300px}.line-link,.back-link,.load-more{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}