:root{--bg:#f2f4f0;--fg:#12252a;--mu:#586a6d;--cd:#fff;--ln:#d6ddd8;--ac:#f5a300;--gr:#168a4a;--rd:#d12f2f}
[data-t=dark]{--bg:#0d1a1e;--fg:#eef1ec;--mu:#97a9aa;--cd:#15272c;--ln:#25383d;--gr:#3ec77d;--rd:#ff6464}
*{box-sizing:border-box;margin:0}img{max-width:100%;display:block}a{color:inherit}
body{font:17px/1.65 Figtree,system-ui,sans-serif;background:var(--bg);color:var(--fg)}
h1,h2,h3{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;line-height:1.05;letter-spacing:-.025em}
h1{font-size:clamp(2.4rem,6vw,4.6rem)}h2{font-size:clamp(1.6rem,3vw,2.3rem)}h3{font-size:1.25rem}
.wr{max-width:1160px;margin:auto;padding:0 20px}
.hd{position:sticky;top:0;z-index:9;background:var(--bg);border-bottom:1px solid var(--ln)}
.hd .wr{display:flex;align-items:center;justify-content:space-between;height:64px;gap:12px}
.lg img{height:24px;width:auto}.dk{display:none!important}[data-t=dark] .dk{display:block!important}[data-t=dark] .lt{display:none}
nav{display:flex;align-items:center;gap:18px;font-weight:600;font-size:.95rem}nav a{text-decoration:none}
.lnk{background:none;border:0;font:inherit;color:inherit;cursor:pointer}
#tg{width:36px;height:36px;border-radius:50%;border:2px solid var(--fg);background:linear-gradient(90deg,var(--fg) 50%,transparent 50%);cursor:pointer}
.btn{display:inline-block;font:600 .95rem Figtree,sans-serif;padding:11px 20px;border-radius:999px;border:2px solid var(--fg);background:transparent;color:var(--fg);text-decoration:none;cursor:pointer}
.btn:hover{background:var(--fg);color:var(--bg)}.pri{background:var(--ac);border-color:var(--ac);color:#12252a}.pri:hover{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.wa{background:#1fa855;border-color:#1fa855;color:#fff}.gh{border-color:#fff;color:#fff}.gh:hover{background:#fff;color:#12252a}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--ac);outline-offset:2px}
.hero{position:relative;background:#12252a url(/assets/emblem.png) no-repeat right 6% center/min(38vw,420px);color:#fff;padding:clamp(70px,13vw,150px) 0 clamp(110px,16vw,190px);clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%)}
.hero.ph{background-image:none}.sls,.sl{position:absolute;inset:0}.sl{background:center/cover;opacity:0;transition:opacity 1.2s}.sl.on{opacity:1}.ph .sls::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,22,26,.88),rgba(10,22,26,.35))}
.hi{position:relative;max-width:640px}.hi p{margin:18px 0 28px;font-size:1.15rem;opacity:.9}.bt{display:flex;gap:12px;flex-wrap:wrap}
.sx{padding:72px 0 8px}.sh{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.sh a{font-weight:600}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}
.card{text-decoration:none;display:block}.card[hidden]{display:none}
.im{position:relative;aspect-ratio:4/3;background:var(--ln);border-radius:6px 28px 6px 28px;overflow:hidden}.im img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover .im img{transform:scale(1.04)}
.ct{padding:12px 2px}.lo{color:var(--mu);font-size:.95rem}.pr{font:800 1.3rem 'Bricolage Grotesque',sans-serif;margin-top:4px}.pr[big]{font-size:2.2rem;margin:10px 0}
.bd{display:inline-block;padding:3px 12px;border-radius:999px;font-weight:600;font-size:.85rem;background:var(--cd);border:1px solid var(--ln)}.im .bd{position:absolute;left:12px;top:12px}
.avail{background:var(--gr);border-color:var(--gr);color:#fff}.sold{background:var(--rd);border-color:var(--rd);color:#fff}
.pt{padding:48px 0 10px}.sb{color:var(--mu);margin-bottom:18px}.emp{padding:30px;border:2px dashed var(--ln);border-radius:12px;color:var(--mu)}
.fl{display:flex;gap:8px;margin:14px 0 26px}.fl button{font:600 .9rem Figtree;padding:7px 16px;border-radius:999px;border:1px solid var(--ln);background:var(--cd);color:var(--fg);cursor:pointer}.fl .on{background:var(--fg);color:var(--bg)}
.ab .two{display:grid;grid-template-columns:200px 1fr;gap:40px;align-items:center;padding-bottom:64px}.ab p{margin:12px 0 20px;max-width:60ch}
.eq{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.dt{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;padding:36px 0 60px}.gal #gm{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:6px 36px 6px 36px;cursor:zoom-in}
.th{display:flex;gap:10px;margin-top:10px;overflow-x:auto}.th img{width:84px;height:64px;object-fit:cover;border-radius:8px;cursor:pointer;flex:none}
.info h1{font-size:clamp(2rem,4vw,3rem);margin:12px 0 6px}.ds{margin-top:18px;max-width:60ch}.sn{margin-top:22px;padding:14px;border-left:5px solid var(--rd);background:var(--cd)}
.ft{margin-top:80px;background:#12252a;color:#dfe6e2;padding:40px 0}.ft .wr{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:end}.ft img{margin-bottom:10px}.cr{font-weight:600;color:var(--ac)}
dialog{border:0;border-radius:20px;padding:28px;background:var(--cd);color:var(--fg);max-width:360px;margin:auto}dialog::backdrop{background:rgba(0,0,0,.6)}dialog p{margin:14px 0}#lb{max-width:92vw;padding:0;background:none}#lb img{max-height:90vh;border-radius:12px}
.adm{padding:20px 0 60px}.bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;align-items:center;margin:10px 0 24px}.bar .btn{padding:7px 14px}.in{display:inline}
.box{max-width:620px;margin:30px auto;display:grid;gap:14px}.box label{display:grid;gap:5px;font-weight:600;font-size:.9rem}
input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--ln);border-radius:8px;background:var(--cd);color:var(--fg)}
.msg{padding:12px 16px;background:var(--ac);color:#12252a;border-radius:8px;margin:12px 0;font-weight:600}
.tb{width:100%;border-collapse:collapse}.tb td{padding:10px 8px;border-bottom:1px solid var(--ln);vertical-align:middle}.tb img{width:64px;height:48px;object-fit:cover;border-radius:6px}
.eg{display:flex;gap:12px;flex-wrap:wrap}.ei{display:grid;gap:3px;font-size:.8rem;font-weight:400}.ei img{width:110px;height:80px;object-fit:cover;border-radius:6px}
@media(max-width:760px){.dt,.ab .two{grid-template-columns:1fr}.ab img{width:110px}.hero{background-size:150px;background-position:right 10px top 20px}nav{gap:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
