.artbook{background:linear-gradient(180deg,#f2fbfb,#fffaf1)}.artbook-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(30px,7vw,100px);align-items:center;max-width:1220px;margin:auto}.artbook-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;max-height:515px;overflow:auto;padding:8px;background:#082742;box-shadow:14px 15px 0 #edc05c55}.artbook-gallery.logo-gallery{grid-template-columns:1fr;max-height:none}.artbook-gallery.loading-gallery{grid-template-columns:repeat(2,1fr)}.artbook-item{position:relative;min-height:110px;padding:0;border:1px solid #dcae42;background:#031b30;overflow:hidden;cursor:zoom-in}.loading-gallery .artbook-item{min-height:104px}.logo-gallery .artbook-item{min-height:145px}.artbook-item img{width:100%;height:100%;object-fit:cover;transition:transform .25s,filter .25s}.artbook-item:hover img{transform:scale(1.07);filter:brightness(1.15)}.artbook-item span{position:absolute;right:0;bottom:0;padding:4px 6px;background:#061e35d9;color:#ffdb7b;font-size:8px;font-weight:800}.artbook-tabs{display:flex;flex-wrap:wrap;gap:7px}.artbook-tabs button{padding:9px 10px;border:1px solid #b8d7dc;background:transparent;color:#426b7b;font:700 9px var(--body);letter-spacing:.5px;cursor:pointer}.artbook-tabs button.active,.artbook-tabs button:hover{border-color:#e3a73c;background:#fff2c9;color:#76481b}.artbook-detail{margin-top:25px;padding:28px 0;border-bottom:1px solid #bed9dd}.artbook-detail>span{color:#e2a944;font-size:26px}.artbook-detail>p:nth-child(2){margin:13px 0 5px;color:#bd7c28;font-size:9px;font-weight:800;letter-spacing:1.2px}.artbook-detail h3{margin:0;color:#153e59;font:34px var(--display)}.artbook-detail>p:last-child{color:#557486;font-size:13px;line-height:1.75}.artbook-notes{display:flex;flex-wrap:wrap;gap:11px;margin-top:17px;color:#477083;font-size:10px}.artbook-notes span:first-child{color:#bd7c27}.artbook-modal{max-width:min(1300px,94vw);padding:18px;border:1px solid #e2b956;background:#06233d;color:#fff;box-shadow:0 20px 70px #000a}.artbook-modal::backdrop{background:#011323d9}.artbook-modal img{max-height:80vh;width:100%;object-fit:contain}.artbook-modal p{margin:9px 0 0;color:#d6e8ef;font-size:11px;text-align:center}.modal-close{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #ffffff75;border-radius:50%;background:#092e49;color:#fff;font-size:22px;cursor:pointer}@media(max-width:800px){.artbook-layout{grid-template-columns:1fr}.artbook-gallery{box-shadow:9px 10px 0 #edc05c55}}@media(max-width:540px){.artbook-gallery{grid-template-columns:repeat(3,1fr);max-height:440px}.artbook-gallery.loading-gallery{grid-template-columns:1fr}.artbook-item{min-height:90px}.artbook-tabs{gap:5px}.artbook-tabs button{font-size:8px}.artbook-detail h3{font-size:30px}}