*{box-sizing:border-box}html{background:#000}body{margin:0;background:var(--bg,#000);color:var(--tx,#f6f0e4);font-family:Inter,Helvetica,Arial,sans-serif;line-height:1.5}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3{margin:0;text-transform:uppercase;letter-spacing:.02em}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px;z-index:99}
.wrap{max-width:1300px;margin:auto;padding:0 20px}.sec{padding:56px 0}
.btn{display:inline-block;padding:14px 26px;background:var(--bt);color:var(--bx);font-weight:700;border:1px solid var(--bt);cursor:pointer;font-size:14px}
.btn.ghost{background:transparent;color:var(--tx);border-color:var(--tx)}
.ann{display:flex;justify-content:space-between;gap:12px;padding:8px 20px;font-size:12px;border-bottom:1px solid var(--ln);letter-spacing:.08em}
.hd{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-bottom:1px solid var(--ln);position:sticky;top:0;background:var(--bg);z-index:10}
.hd nav,.hd .ic{display:flex;gap:22px;font-size:14px}.hd img{height:42px;width:auto}.hd .logo{font-weight:800;font-size:20px}
.hero{position:relative;min-height:80vh;display:flex;align-items:center;overflow:hidden}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}
.hero .in{position:relative;padding:60px 20px;max-width:1300px;margin:auto;width:100%}.hero h1{font-size:clamp(40px,9vw,120px);line-height:.95;margin:14px 0}.hero p{max-width:480px;color:var(--mu)}.hero .row{display:flex;gap:16px;align-items:center;margin-top:24px;flex-wrap:wrap}
.mq{overflow:hidden;border-block:1px solid var(--ln);padding:14px 0;white-space:nowrap}.mq div{display:inline-block;animation:mq 30s linear infinite}.mq span{margin:0 28px;font-weight:700;letter-spacing:.1em}
@keyframes mq{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.mq div{animation:none}}
.ttl{font-size:clamp(28px,4vw,48px);margin-bottom:24px}.kick{color:var(--mu);font-size:12px;letter-spacing:.14em}
.rot{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rot a{position:relative;display:block;aspect-ratio:3/4;background:var(--cd);overflow:hidden}.rot img{width:100%;height:100%;object-fit:cover}.rot .cap{position:absolute;left:0;right:0;bottom:0;padding:20px;background:linear-gradient(transparent,#000c)}
.sl{position:relative}.track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.track::-webkit-scrollbar{display:none}
.card{flex:0 0 clamp(200px,24%,300px);scroll-snap-align:start}.card .im{position:relative;aspect-ratio:3/4;background:var(--cd);overflow:hidden}.card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.card img+img{opacity:0;transition:opacity .25s}.card:hover img+img{opacity:1}.card h3{font-size:14px;margin:10px 0 2px}.card .pr{color:var(--mu);font-size:14px}
.ar{position:absolute;top:40%;width:42px;height:42px;border-radius:50%;border:1px solid var(--tx);background:var(--bg);color:var(--tx);cursor:pointer;z-index:2}.ar.l{left:-8px}.ar.r{right:-8px}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.gal img{aspect-ratio:3/4;object-fit:cover;width:100%;background:var(--cd)}
.feat{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:32px}.feat div{border-top:1px solid var(--ln);padding-top:14px}.feat p{color:var(--mu);margin:4px 0}
.ft{border-top:1px solid var(--ln);padding:48px 0 24px}.ftg{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.ftg h3{font-size:13px;margin-bottom:10px}.ftg a{display:block;color:var(--mu);margin:4px 0}
.pg{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.pg .card{flex:none}.prd{display:grid;grid-template-columns:1fr 1fr;gap:40px}
select,input{background:var(--cd);color:var(--tx);border:1px solid var(--ln);padding:12px}
@media(max-width:800px){.rot,.gal,.feat,.pg{grid-template-columns:1fr 1fr}.ftg,.prd{grid-template-columns:1fr}.hd nav{display:none}.ann span+span{display:none}.card{flex-basis:60%}}

body{font-family:Montserrat,Inter,Arial,sans-serif}h1,h2,h3{font-weight:800;letter-spacing:.06em}
.kick,.mq span,.rot small{color:var(--ac)}.hd img{height:58px}.ft img{height:90px;width:auto}.card .pr{color:var(--ac)}
.btn:hover{background:transparent;color:var(--bt)}.btn.ghost:hover{background:var(--tx);color:var(--bg)}.hd a:hover,.ftg a:hover{color:var(--ac)}
.ar:hover{border-color:var(--ac);color:var(--ac)}:focus-visible{outline:2px solid var(--ac);outline-offset:2px}