:root{--bg:#000;--ink:#fff;--mute:#9b9b9b;--line:#262626;--gold:#c9a86a}
body{background:var(--bg);color:var(--ink);font-family:'Jost',sans-serif;font-weight:300;line-height:1.7}
h1,h2,h3,h4{font-family:'Italiana',serif;font-weight:400;letter-spacing:.02em}
h1{font-size:clamp(2.2rem,5vw,3.6rem)}h2{font-size:clamp(1.8rem,3.5vw,2.5rem);margin-bottom:1.5rem}h3{font-size:1.35rem;margin:.8rem 0 .2rem}
a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}
.mute{color:var(--mute)}.price{color:var(--gold)}.sec{padding-top:4rem;padding-bottom:1rem}.narrow{max-width:820px}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.navbar{background:rgba(0,0,0,.94);border-bottom:1px solid var(--line)}.navbar .nav-link{color:#fff;font-size:.95rem}.navbar .nav-link:hover{color:var(--gold)}.navbar-toggler{filter:invert(1)}
.hero{height:82vh;min-height:460px}.hero .swiper-slide{background-size:cover;background-position:center;display:flex;align-items:center}
.hero .rule{width:0;height:1px;background:#fff;margin-bottom:1.5rem;animation:draw 1.4s .2s forwards}
.hero h1{max-width:700px;opacity:0;transform:translateY(24px);animation:rise 1s .7s forwards}.hero p{max-width:520px;opacity:0;animation:rise 1s 1.1s forwards;font-size:1.15rem}.hero .btn{opacity:0;animation:rise 1s 1.3s forwards}
.hero .swiper-pagination-bullet{background:#fff}
@keyframes draw{to{width:min(220px,50%)}}@keyframes rise{to{opacity:1;transform:none}}
.art{display:block}.ph{aspect-ratio:4/5;overflow:hidden;background:#111;border:1px solid var(--line)}.ph.wide{aspect-ratio:3/2}
.ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.art:hover .ph img{transform:scale(1.05)}
.cat{display:flex;align-items:flex-end;height:180px;padding:1rem;background-size:cover;background-position:center;border:1px solid var(--line);font-family:'Italiana',serif;font-size:1.4rem}
.box{display:block;padding:1.5rem;border:1px solid var(--line)}.box:hover{border-color:var(--gold)}
#osd{height:70vh;background:#0b0b0b;border:1px solid var(--line)}.thumb{height:70px;border:1px solid var(--line);cursor:pointer}
.spec th{width:38%;color:var(--mute);font-weight:300}.spec{--bs-table-bg:transparent}
.post{max-width:70ch}.post img{max-width:100%}
.accordion{--bs-accordion-bg:#000;--bs-accordion-color:#fff;--bs-accordion-border-color:var(--line);--bs-accordion-btn-bg:#000;--bs-accordion-btn-color:#fff;--bs-accordion-active-bg:#111;--bs-accordion-active-color:var(--gold);--bs-accordion-btn-focus-box-shadow:none}
.accordion-button::after{filter:invert(1)}
.form-control,.form-select{background:#0b0b0b;border:1px solid var(--line);color:#fff;border-radius:0}.form-control:focus,.form-select:focus{background:#0b0b0b;color:#fff;border-color:var(--gold);box-shadow:none}
footer{border-top:1px solid var(--line)}
.wa-float{position:fixed;right:16px;bottom:16px;z-index:50;background:#25d366;color:#fff;padding:.6rem 1rem;font-size:.9rem}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}.hero .rule{width:160px}.hero h1,.hero p,.hero .btn{opacity:1;transform:none}}