:root{--v3-accent:var(--kuci-brand);--v3-soft:var(--kuci-muted);--v3-line:var(--kuci-line);--v3-ink:var(--kuci-text)}
[hidden]{display:none!important}
.v3-opening{padding:70px 0 48px;max-width:1320px}
.v3-opening h1{max-width:940px;}
.v3-opening>p{max-width:760px;margin-top:28px;}
.v3-style-card img{transition:transform .4s}
.v3-style-card a:hover img{transform:scale(1.035)}
.v3-style-card figure figcaption{position:absolute;bottom:10px;left:10px;padding:4px 8px;background:var(--kuci-muted);color:var(--kuci-text);max-width:calc(100% - 20px)}
.v3-filters{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 35px}
.v3-filters button{border:1px solid var(--kuci-brand);background:transparent;color:var(--kuci-text-secondary);border-radius:0;padding:10px 14px;}
.v3-filters button[aria-pressed=true]{background:var(--v3-accent);border-color:var(--v3-accent);color:#FFFFFF}
.v3-filters button:hover{border-color:var(--kuci-brand)}
.v3-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1320px;margin:36px auto 0}
.v3-related>a{padding:22px;border:1px solid var(--v3-line);position:relative;display:block}
.v3-related .overline{margin-bottom:13px}
.v3-related h3{margin:0 16px 0 0}
.v3-related>a>span:last-child{position:absolute;right:15px;bottom:20px}
.v3-related>a:hover{background:var(--v3-soft)}
.v3-style-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 30px}
.v3-style-card .overline{margin-bottom:12px}
.v3-style-card h3{margin-bottom:15px}
.v3-style-card p{}
.v3-style-card .inline-link{display:inline-block;margin-top:18px}
.v3-style-card figure{height:350px;overflow:hidden;position:relative;margin-bottom:22px}
.v3-palette{display:flex;gap:6px;margin:17px 0}
.v3-palette span{display:block;width:30px;height:12px;border:1px solid var(--kuci-line)}
.v3-style-detail{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center;padding-top:10px}
.v3-style-detail figure{height:640px;position:relative;overflow:hidden}
.v3-style-detail figcaption{position:absolute;left:12px;bottom:12px;background:var(--kuci-muted);padding:6px 10px;}
.v3-style-detail p{margin-top:24px}
.v3-style-detail .button{margin-top:28px}
@media(max-width:1000px){.v3-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.v3-style-detail{gap:35px}
.v3-opening{padding-top:48px}
}
@media(max-width:700px){.v3-opening{padding:40px 0 32px}
.v3-opening h1{}
.v3-opening>p{margin-top:23px}
.v3-filters{gap:7px;margin:22px 0 28px}
.v3-filters button{padding:9px 11px}
.v3-style-detail{grid-template-columns:1fr;gap:28px}
.v3-related{grid-template-columns:1fr;gap:12px;width:100%}
.v3-style-detail+.v3-related{width:calc(100% - 40px)}
.v3-related>a{padding:20px}
.v3-style-grid{grid-template-columns:1fr;gap:38px}
.v3-style-card figure{height:390px}
.v3-style-detail figure{height:490px}
}
@media(max-width:390px){.v3-opening h1{}
}
@media(prefers-reduced-motion:reduce){.v3-style-card img{transition:none!important}
}
