html { color-scheme:light; background:#ffffff; }
body { margin:0; background:#ffffff; color:#363432; }
button { cursor:pointer; }
#lv-portfolio .lv-site, #lv-portfolio .lv-entry { --lv-bg:#ffffff; --lv-ink:#363432; --lv-muted:#706f6a; --lv-rule:#e5e3df; background:var(--lv-bg); color:var(--lv-ink); font:14px/1.6 Arial,"Malgun Gothic",sans-serif; min-height:720px; padding:16px 5% 24px; box-sizing:border-box; }
#lv-portfolio [hidden] { display:none !important; }
#lv-portfolio .lv-entry { display:grid; place-items:center; min-height:640px; padding:80px 20px; }
#lv-portfolio .lv-entry-button { display:flex; flex-direction:column; align-items:center; border:0; background:transparent; padding:26px; }
#lv-portfolio .lv-entry .lv-logo-frame { width:var(--lv-entry-mark-width,140px); margin:0; }
#lv-portfolio .lv-entry-label { display:block; margin-top:30px; color:var(--lv-muted); font-size:11px; letter-spacing:.18em; }
#lv-portfolio .lv-logo-home { display:block; border:0; padding:0; background:transparent; }
#lv-portfolio .lv-entry-button:hover .lv-entry-label { color:var(--lv-ink); text-decoration:underline; text-underline-offset:6px; }
#lv-portfolio .lv-site * { box-sizing:border-box; }
#lv-portfolio .lv-site [hidden] { display:none !important; }
#lv-portfolio .lv-header { display:flex; flex-direction:column; align-items:center; margin-bottom:32px; }
#lv-portfolio .lv-logo-frame { display:block; position:relative; width:var(--lv-mark-width,84px); aspect-ratio:413 / 220; overflow:hidden; flex:none; margin:26px 0 28px; }
#lv-portfolio .lv-logo { display:block; position:absolute; width:143.0993%; max-width:none; height:auto; left:-24.9395%; top:-76.3636%; }
#lv-portfolio .lv-nav { display:flex; gap:26px; align-items:center; }
#lv-portfolio button { font:inherit; color:inherit; }
#lv-portfolio .lv-text-button { border:0; background:transparent; padding:5px 0; min-height:32px; color:var(--lv-muted); }
#lv-portfolio .lv-text-button[aria-pressed="true"] { color:var(--lv-ink); text-decoration:underline; text-underline-offset:7px; }
#lv-portfolio .lv-catalog { display:grid; grid-template-columns:1fr 1fr; gap:44px; align-items:start; padding-top:18px; }
#lv-portfolio .lv-card { display:block; text-align:left; border:0; padding:0; background:transparent; width:100%; }
#lv-portfolio .lv-card img { display:block; width:100%; height:auto; aspect-ratio:2 / 1; object-fit:cover; object-position:center 55%; }
#lv-portfolio .lv-card-name { display:block; font-size:14px; font-weight:400; margin-top:16px; }
#lv-portfolio .lv-caption { display:block; color:var(--lv-muted); font-size:12px; margin-top:3px; letter-spacing:.025em; }
#lv-portfolio .lv-feature { padding-top:0; }
#lv-portfolio .lv-card .lv-feature-image { display:block; width:100%; height:auto; aspect-ratio:2 / 1; object-fit:cover; object-position:center 55%; }
#lv-portfolio .lv-feature-title { text-align:center; margin:20px 0 14px; font-size:15px; font-weight:400; }
#lv-portfolio .lv-project-switch { display:flex; justify-content:center; gap:24px; flex-wrap:wrap; margin-top:25px; }
#lv-portfolio .lv-detail-top { display:flex; justify-content:space-between; align-items:center; gap:16px; margin:0 0 18px; }
#lv-portfolio .lv-detail-title { font-size:18px; font-weight:400; margin:0 0 4px; overflow-wrap:anywhere; }
#lv-portfolio .lv-gallery-image { display:block; width:100%; height:370px; object-fit:contain; }
#lv-portfolio .lv-photo-nav { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:18px; }
#lv-portfolio .lv-photo-status { text-align:center; color:var(--lv-muted); font-size:12px; }
#lv-portfolio .lv-index { margin:20px 0 80px; }
#lv-portfolio .lv-index-row { display:flex; justify-content:space-between; width:100%; gap:20px; border:0; border-top:1px solid var(--lv-rule); background:transparent; padding:20px 0; text-align:left; }
#lv-portfolio .lv-index-row:last-child { border-bottom:1px solid var(--lv-rule); }
#lv-portfolio .lv-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; margin-top:70px; padding-top:16px; border-top:1px solid var(--lv-rule); color:var(--lv-muted); font-size:11px; letter-spacing:.06em; }
@media (max-width:580px) {
#lv-portfolio .lv-entry { min-height:520px; }
#lv-portfolio .lv-entry .lv-logo-frame { width:var(--lv-entry-mark-width,120px); margin:0; }
#lv-portfolio .lv-site { padding:10px 6% 24px; min-height:920px; }
#lv-portfolio .lv-logo-frame { width:var(--lv-mark-width,74px); margin:22px 0 24px; }
#lv-portfolio .lv-header { margin-bottom:26px; }
#lv-portfolio .lv-catalog { grid-template-columns:1fr; gap:32px; }
#lv-portfolio .lv-feature { padding-top:20px; }
#lv-portfolio .lv-project-switch { flex-direction:column; gap:4px; align-items:center; }
#lv-portfolio .lv-gallery-image { height:330px; }
#lv-portfolio .lv-detail-top { align-items:flex-start; }
#lv-portfolio .lv-detail-title { font-size:16px; }
#lv-portfolio .lv-index-row { flex-direction:column; gap:4px; }
#lv-portfolio .lv-text-button { min-height:44px; }
#lv-portfolio .lv-footer { margin-top:44px; }
}
#lv-portfolio .lv-entry { min-height:100svh; }
#lv-portfolio .lv-site { max-width:1440px; margin:auto; min-height:100svh; }
#lv-portfolio .lv-gallery-image { height:auto; max-height:72svh; min-height:220px; }
#lv-portfolio .lv-card img { background:#f4f3f0; }
#lv-portfolio .lv-footer a { color:inherit; text-underline-offset:4px; }
#lv-portfolio .lv-gallery-video { display:block; width:100%; max-height:72svh; aspect-ratio:16 / 9; object-fit:contain; background:#ffffff; }