*{box-sizing:border-box}body{margin:0;color:#222520;font:16px/1.55 Inter,Apple SD Gothic Neo,Malgun Gothic,sans-serif}header{border-bottom:1px solid #ddd}.bar,main{width:min(1180px,92%);margin:auto}.bar,.counts,.intro,.tools{display:flex;align-items:center;justify-content:space-between;gap:12px}.bar{min-height:74px}button,input{font:inherit}button,.related{cursor:pointer;border:1px solid #d4d5d0;background:#fff;border-radius:24px;padding:9px 15px;min-height:44px;color:inherit}button[aria-pressed=true]{background:#242723;color:#fff}.brand{font-weight:700;border:0;padding-left:0;letter-spacing:-.04em}.brand b{margin-right:6px}main{padding-bottom:55px}h1{font-size:clamp(35px,5vw,66px);line-height:1.1;letter-spacing:-.065em;margin:14px 0}small{color:#565952;font-size:13px}.intro{padding:44px 0 28px}.intro p,.caption p{color:#51544f}.mark{font-size:78px;color:#656b5e}.search{width:100%;border:1px solid #bfc2bb;border-radius:13px;padding:15px 19px;background:#fafaf8}.counts{margin:24px 0 14px}.counts label{padding:8px 0}nav{display:flex;gap:8px;overflow-x:auto;padding:15px 0;scrollbar-width:thin}nav button{white-space:nowrap}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px}.card{position:relative;border:1px solid #dcddd7;border-radius:16px;overflow:hidden}.card a,.related,.back{color:inherit;text-decoration:none}.star{position:absolute;right:12px;top:12px;border:0;width:44px;font-size:21px;padding:0}.art,.card img{width:100%;aspect-ratio:1.65;object-fit:cover}.art{position:relative;overflow:hidden;background:linear-gradient(145deg,#ded6c8,#f0ece4,#b8ad9a);display:grid;place-items:center}.art-low-angle{background:linear-gradient(145deg,#a1aca8,#dce3de 70%,#acb6ad)}.art-soft-lighting{background:radial-gradient(ellipse at 33% 15%,#fff,#e2dfd6 65%,#c6c2b7)}.art span{font:italic 130px/1 Georgia;color:#ffffff80}.art em,.labels{position:absolute;bottom:12px;left:12px;background:#fff;color:#343830;border-radius:6px;padding:4px 9px;font:12px/1.5 sans-serif}.caption{padding:18px}.caption h2{font: 29px Georgia,serif;margin:8px 0}.caption p{margin:0}footer{margin-top:40px;padding:20px 0;border-top:1px solid #ddd;color:#62665e;font-size:13px}.back{display:block;padding:22px 0}.info{display:grid;grid-template-columns:1fr 1.35fr;gap:25px}.info section{padding:8px 0}.info h2,h2{font-size:19px}.emptyCompare{margin:20px 0;padding:40px 16px;text-align:center;background:#f4f4ef;border-radius:14px}.emptyCompare small,.emptyCompare button{display:block;margin:8px auto}.related{display:inline-block;margin:3px}.tools{justify-content:flex-start;flex-wrap:wrap;margin:16px 0}.viewer{position:relative;aspect-ratio:3/2;overflow:hidden;background:#f3f3ee}.viewer img{width:100%;height:100%;object-fit:contain;display:block}.overlay,.viewer input{position:absolute;top:0;right:0;bottom:0;left:0}.viewer input{width:100%;height:100%;opacity:0;margin:0;cursor:ew-resize;touch-action:pan-y}.viewer:focus-within{outline:3px solid #686f51}.divider{position:absolute;top:0;bottom:0;border-left:2px solid white;display:grid;align-items:center;color:#fff;text-shadow:0 1px 4px black;pointer-events:none}.right{left:auto;right:12px}dialog{width:min(1000px,95%);max-height:95dvh;border:0;border-radius:14px}dialog::backdrop{background:#000b}figure img{max-width:100%}.notice:not(:empty){position:fixed;bottom:14px;left:50%;transform:translate(-50%);background:#20241f;color:#fff;border-radius:10px;padding:10px 20px}@media(max-width:650px){.mark{display:none}.intro{padding-top:28px}.info{grid-template-columns:1fr}.bar{min-height:62px}.brand{font-size:15px}.grid{grid-template-columns:1fr}.counts{font-size:14px}.viewer{aspect-ratio:1.25}}.viewer{background-color:#ebeae5;background-image:conic-gradient(#f6f5f0 25%,transparent 0 50%,#f6f5f0 0 75%,transparent 0);background-size:16px 16px}.credit{font-size:14px;color:#595e54}.more{display:block;margin:22px auto}.caption h2,h1{overflow-wrap:anywhere}.card img{object-fit:contain;background:#f6f5f1}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:850px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.grid{grid-template-columns:minmax(0,1fr)}}.art{background:linear-gradient(135deg,#f3f1eb,#dedfd8)}dialog .viewer{max-height:76dvh}.viewer .overlay{background-color:#eee}.labels{pointer-events:none}.frames{display:flex;gap:10px;max-width:620px}.frames figure{flex:1;min-width:0;margin:12px 0}.frames img{width:100%;border-radius:10px}.frames figcaption{font-size:13px}.bar{flex-wrap:wrap;padding-block:10px;justify-content:space-between}.bar>a{min-height:44px;display:flex;align-items:center}@media(max-width:500px){.brand{flex-basis:100%}.bar{gap:4px}}.zoomControls{display:flex;align-items:center;gap:12px;margin:10px 0}.zoomScroll{overflow:auto;max-height:72dvh;width:100%;touch-action:pan-x pan-y}.zoomScroll .viewer{max-height:none}button:disabled{opacity:.45;cursor:default}.motionPreview{display:block;width:min(100%,640px);height:auto;border-radius:12px;background:#eee}.viewer .overlay{background-color:#ebeae5;background-image:conic-gradient(#f6f5f0 25%,transparent 0 50%,#f6f5f0 0 75%,transparent 0);background-size:16px 16px}
