:root{color-scheme:dark;--bg:#1b1c1c;--text:#dfdfda;--muted:#92948f;--line:#3e4140}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:12px/1.7 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-weight:400}button,a{color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer;background:none;border:0}button:focus-visible,a:focus-visible,input:focus-visible{outline:1px solid #d4d9d0;outline-offset:6px}button:hover,a:hover{color:#fff}img{display:block;width:100%}.site-header{max-width:1200px;margin:0 auto;padding:63px 30px 0;text-align:center}.wordmark{display:inline-block;font-family:Arial,sans-serif;font-size:20px;font-weight:400;letter-spacing:7px;line-height:1;padding-left:7px}.main-nav{display:flex;justify-content:center;gap:28px;margin:29px 0 0;align-items:center}.main-nav a{font-size:10px;letter-spacing:.4px;color:#9b9e97;position:relative;padding-bottom:4px}.main-nav a.active{color:#e0e4dc}.main-nav a.active:after{content:"";height:1px;background:#858e7c;position:absolute;left:0;right:0;bottom:0}.home{max-width:1100px;padding:0 38px;margin:47px auto 0}.category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:34px;row-gap:35px}.category{display:block;min-width:0;text-align:center}.category-frame{overflow:hidden;background:#242727;aspect-ratio:1.48}.category img{height:100%;object-fit:cover;transition:transform .55s,filter .4s;filter:brightness(.94)}.category:hover img{transform:scale(1.02);filter:brightness(1)}.category-name{display:block;margin-top:13px;font-size:10px;letter-spacing:2px;color:#c3c7bc;padding-left:2px}.category:hover .category-name{color:#fff}.site-footer{max-width:1100px;margin:65px auto 0;padding:0 38px 32px;display:flex;justify-content:center;color:#777d73;font-size:9px;letter-spacing:.5px}.gallery{max-width:1300px;margin:45px auto 0;padding:0 42px}.gallery-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.breadcrumb{display:flex;align-items:baseline;gap:13px;font-size:11px;color:#939b8b}.breadcrumb a{color:#9fa693}.breadcrumb .slash{color:#59644f}.breadcrumb h1{font-size:12px;letter-spacing:.6px;font-weight:400;color:#d2dac8;margin:0}.breadcrumb small{font-size:9px;color:#7d8971;letter-spacing:0}.gallery-tools{display:flex;align-items:center;gap:20px}.category-links{display:flex;gap:17px;align-items:center}.category-links a{font-size:10px;color:#8c9881}.category-links a.active{color:#e0e8d4}.layout-tools{display:flex;gap:4px;border-left:1px solid #46513b;padding-left:13px}.layout-tools button{width:25px;height:24px;color:#788b69;font-size:16px;padding:0;line-height:1}.layout-tools button.active{color:#e4ecd7}.masonry{columns:4;column-gap:16px}.masonry.spacious{columns:3}.photo-tile{display:block;width:100%;margin:0 0 16px;break-inside:avoid;position:relative;overflow:hidden;cursor:zoom-in;background:#222721}.photo-tile img{width:100%;height:auto;transition:filter .25s}.photo-tile:hover img{filter:brightness(1.08)}.photo-tile:focus-visible{outline-offset:3px}.photo-tile .plus{position:absolute;bottom:9px;right:12px;color:#fff;font-size:16px;opacity:0;transition:opacity .2s;text-shadow:0 1px 6px #000}.photo-tile:hover .plus,.photo-tile:focus-visible .plus{opacity:1}.gallery-end{text-align:center;padding:30px 0 5px;color:#727e66;font-size:9px;letter-spacing:1px}.plain-page{max-width:1024px;padding:0 38px;margin:50px auto 0;min-height:420px}.plain-page h1{font-size:13px;font-weight:400;letter-spacing:1px;margin:0 0 30px}.plain-page p{font-size:12px;color:#a1ac94;line-height:2.3}.plain-page .small{font-size:10px;color:#78896a}.list-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.list-grid a{display:block;padding:18px 0;border-top:1px solid #404b36}.list-grid small{margin-left:12px;font-size:9px;color:#7f906e}.viewer{position:fixed;inset:0;z-index:20;background:#101212;display:none}.viewer.open{display:flex;flex-direction:column}.viewer-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#9da994;font-size:10px;flex-shrink:0}.viewer-top a{letter-spacing:3px;font-size:12px}.viewer-top button{font-size:11px;padding:8px}.viewer-stage{position:relative;flex:1;min-height:0;padding:0 70px;display:flex;justify-content:center;align-items:center;overflow:hidden;touch-action:pan-y pinch-zoom}.viewer-stage .full-photo{width:100%;height:100%;object-fit:contain}.viewer-stage .prev,.viewer-stage .next{position:absolute;top:50%;transform:translateY(-50%);width:45px;height:70px;color:#b9c7ad;font-size:30px;font-weight:200;line-height:1;background:#13171377}.viewer-stage .prev{left:12px}.viewer-stage .next{right:12px}.viewer-stage button:hover{color:#fff;background:#232b20}.viewer-bottom{min-height:61px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:10px 30px 15px;gap:20px;flex-shrink:0}.viewer-index{font-size:10px;color:#87967b;letter-spacing:1.5px}.viewer-actions{justify-self:end;display:flex;gap:20px}.viewer-actions button{font-size:10px;color:#8fa37d;padding:4px 0}.viewer-actions button.active{color:#e2efd5}.info-panel{display:none;position:absolute;right:35px;bottom:24px;max-width:310px;padding:24px;background:#161c14f5;border:1px solid #45543b;color:#b6c5a8;font-size:11px;line-height:2}.info-panel.open{display:block}.info-panel strong{font-weight:400;color:#e2eed8;display:block;margin-bottom:10px}.viewer-backdrop{display:none}.review-button{position:fixed;right:18px;bottom:12px;z-index:4;color:#71786c;font-size:9px;padding:4px 0}.review-button:hover{color:#ddd}.review-dialog{border:1px solid #4b5542;background:#20251d;color:#c6d1bc;max-width:540px;width:calc(100% - 36px);padding:28px;line-height:2}.review-dialog::backdrop{background:#000a}.review-dialog h2{font-size:14px;font-weight:400;margin:0 0 18px;color:#e2eadb}.review-dialog p{font-size:12px;margin:12px 0}.review-dialog ul{padding-left:18px;font-size:11px}.review-dialog a{text-decoration:underline;text-underline-offset:4px}.review-dialog .close-review{display:block;margin:20px 0 0 auto;border:1px solid #536146;padding:5px 17px;font-size:11px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:30;background:#dce5d3;color:#1a2414;padding:10px 18px;font-size:11px;display:none;max-width:90vw;text-align:center}.toast.show{display:block}.no-scroll{overflow:hidden}@keyframes appear{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1800px){.gallery{max-width:1510px}.home{max-width:1200px}}@media(max-width:1000px){.gallery-tools{gap:10px}.category-links{gap:11px}.masonry{columns:3}.gallery{padding:0 30px}.category-grid{column-gap:23px;row-gap:28px}.home{padding:0 30px}.category-name{font-size:10px}.site-header{padding-top:45px}}@media(max-width:700px){.site-header{padding:36px 20px 0}.wordmark{font-size:18px;letter-spacing:6px;padding-left:6px}.main-nav{gap:24px;margin-top:24px}.main-nav a{font-size:10px}.home{padding:0 22px;margin-top:33px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 17px}.category-frame{aspect-ratio:1.2}.category-name{font-size:10px;letter-spacing:1.3px;margin-top:11px}.site-footer{padding:0 22px 48px;margin-top:42px;font-size:8px}.gallery{padding:0 16px;margin-top:30px}.gallery-head{display:block;margin-bottom:19px}.breadcrumb{gap:10px;font-size:10px}.breadcrumb h1{font-size:11px}.breadcrumb small{font-size:9px}.gallery-tools{justify-content:space-between;margin-top:20px;gap:8px}.category-links{gap:15px;overflow:auto;white-space:nowrap;scrollbar-width:none}.category-links a{font-size:9px}.layout-tools{padding-left:10px;flex-shrink:0}.layout-tools button{width:21px;font-size:15px}.masonry{columns:2;column-gap:10px}.masonry.spacious{columns:1}.photo-tile{margin-bottom:10px}.gallery-end{padding-top:22px;font-size:8px}.viewer-top{height:54px;padding:0 17px;font-size:10px}.viewer-top a{font-size:11px}.viewer-stage{padding:0 12px}.viewer-stage .prev,.viewer-stage .next{width:30px;height:50px;font-size:24px;background:#13171355}.viewer-stage .prev{left:8px}.viewer-stage .next{right:8px}.viewer-bottom{min-height:66px;padding:12px 19px 19px;gap:8px;grid-template-columns:1fr auto}.viewer-bottom .middle{display:none}.viewer-actions{gap:17px}.viewer-actions button{font-size:10px}.viewer-index{font-size:9px}.info-panel{right:15px;left:15px;bottom:18px;max-width:none;padding:19px;font-size:11px}.plain-page{padding:0 22px;margin-top:35px;min-height:350px}.list-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.review-button{right:12px;bottom:9px;font-size:8px}.review-dialog{padding:22px}.review-dialog p{font-size:11px}}

/* 메인 간격 수정: 빈 셀과 임의 오프셋 없이 각 행을 채움 */
.home{max-width:1180px;margin-top:46px;padding:0 38px}
.category-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:12px;row-gap:18px;align-items:start}
.category{margin:0!important;text-align:left;min-width:0}
.category-name{margin-top:6px;padding-left:1px;font-size:10px;line-height:1.5;letter-spacing:1px}
.category-frame{aspect-ratio:auto;height:clamp(225px,24vw,310px)}
.category:nth-child(1){grid-column:1/7;grid-row:1}
.category:nth-child(2){grid-column:7/10;grid-row:1}
.category:nth-child(3){grid-column:10/13;grid-row:1}
.category:nth-child(4){grid-column:1/5;grid-row:2}
.category:nth-child(5){grid-column:5/10;grid-row:2}
.category:nth-child(6){grid-column:10/13;grid-row:2}
.category:nth-child(n+4) .category-frame{height:clamp(200px,21vw,270px)}
.site-footer{margin-top:40px}
@media(max-width:700px){
 .home{padding:0 18px;margin-top:32px}
 .category-grid{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:8px;row-gap:14px}
 .category-name{font-size:9px;line-height:1.5;letter-spacing:.7px;margin-top:5px}
 .category:nth-child(1){grid-column:1/9;grid-row:1}
 .category:nth-child(2){grid-column:9/13;grid-row:1}
 .category:nth-child(3){grid-column:1/6;grid-row:2}
 .category:nth-child(4){grid-column:6/13;grid-row:2}
 .category:nth-child(5){grid-column:1/9;grid-row:3}
 .category:nth-child(6){grid-column:9/13;grid-row:3}
 .category-frame,.category:nth-child(n+4) .category-frame{height:clamp(140px,43vw,185px)}
 .category:nth-child(3) .category-frame,.category:nth-child(4) .category-frame{height:clamp(160px,49vw,210px)}
 .category:nth-child(5) .category-frame,.category:nth-child(6) .category-frame{height:clamp(130px,39vw,170px)}
 .site-footer{margin-top:31px}
}