:root{--red:#e50025;--ink:#191a1c;--muted:#63666b;--line:#e4e5e7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.7 Tahoma,'Noto Sans Thai',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:3px solid #e50025;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.top{background:var(--ink);color:white;text-align:center;padding:7px 16px;font-size:14px;letter-spacing:.02em}.header{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(12px);z-index:5;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;height:88px}.logo{width:110px;height:76px;object-fit:contain}.links{display:flex;gap:32px;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;padding:13px 24px;background:var(--red);color:#fff;border:1px solid var(--red);font-weight:bold;font-size:14px;transition:background .2s}.button:hover{background:#bc0020}.button.light{color:var(--ink);background:white;border-color:var(--line)}.menu{display:none;background:white;border:1px solid var(--line);padding:8px 14px}.hero{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:50px;padding:64px 0 60px}.eyebrow{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.18em;color:var(--red);text-transform:uppercase}h1{font-size:clamp(36px,4.2vw,62px);line-height:1.24;letter-spacing:-.045em;margin:20px 0 24px}h1 span{color:var(--red)}.hero p{color:var(--muted);max-width:430px;margin-bottom:28px}.actions{display:flex;flex-wrap:wrap;gap:10px}.hero-art{position:relative;background:#f3f3f3;padding:28px}.hero-art img{width:100%;height:400px;object-fit:contain}.art-label{display:flex;justify-content:space-between;font:700 12px Arial;letter-spacing:.12em;padding-top:24px}.art-label span:last-child{color:var(--red)}.band{border-block:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding:23px 0;margin-bottom:70px}.band div{padding:0 24px;border-right:1px solid var(--line);font-size:14px}.band div:first-child{padding-left:0}.band div:last-child{border:0}.band b{display:block;font-size:16px}.band span{color:var(--muted)}section{padding-bottom:80px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}h2{font-size:32px;line-height:1.4;margin:10px 0 0;letter-spacing:-.02em}.section-head p{color:var(--muted);font-size:14px;margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 24px}.photo-button{display:block;width:100%;padding:16px;border:0;background:#f4f4f4;position:relative}.photo-button img{height:330px;width:100%;object-fit:contain;transition:transform .2s}.photo-button:hover img{transform:scale(1.025)}.count{position:absolute;bottom:12px;right:12px;background:#fff;padding:3px 9px;font-size:12px}.card h3{font-size:17px;line-height:1.5;margin:17px 0 7px}.card-bottom{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:var(--muted)}.card-bottom a{color:var(--red);font-weight:bold}.collections{background:#f5f5f5;padding:60px 0}.collection-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.collection-grid button{border:0;background:white;padding:10px}.collection-grid img{width:100%;height:310px;object-fit:contain}.collection-grid span{display:block;font-size:14px;padding:14px 0 4px}.brand{padding-top:76px;display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.brand-image img{width:100%;height:auto}.brand p{color:var(--muted)}.contact{background:var(--ink);color:#fff;padding:60px;display:flex;align-items:center;justify-content:space-between;gap:36px}.contact p{color:#c5c6ca;margin-bottom:0}.contact h2{margin:0}.contact .eyebrow{color:#ff738b;margin-bottom:12px}footer{background:#f6f6f6;padding:44px 0 22px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;font-size:14px}.footer-grid p{color:var(--muted)}.legal{font-size:12px;color:var(--muted);border-top:1px solid #ddd;padding-top:20px;margin-top:28px}.mobile-contact{display:none}dialog{border:0;padding:24px;width:min(850px,calc(100% - 24px));max-height:94vh}dialog::backdrop{background:#000b}.dialog-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}.dialog-head h3{font-size:17px;margin:0}.close{padding:5px 13px;border:1px solid #ddd;background:white;font-size:23px}.detail-image{width:100%;height:min(60vh,640px);object-fit:contain;background:#f5f5f5}.thumbs{display:flex;gap:8px;margin:12px 0}.thumbs button{border:2px solid #ddd;padding:3px;background:white}.thumbs button.active{border-color:var(--red)}.thumbs img{height:54px;width:64px;object-fit:contain}.detail-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:14px;color:var(--muted)}
@media(max-width:950px){.hero{gap:24px}.hero-art img{height:320px}.grid{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:repeat(2,1fr)}.links{gap:16px}.contact{padding:36px}.brand{grid-template-columns:1fr;gap:20px}.brand-image{max-width:960px}}@media(max-width:620px){.wrap{width:calc(100% - 32px)}.top{font-size:12px}.nav{height:72px;gap:12px}.logo{width:88px;height:65px}.nav>.button{margin-left:auto;padding:8px 12px}.menu{display:block}.links{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:22px;border-bottom:1px solid #ddd;flex-direction:column}.links.open{display:flex}.hero{grid-template-columns:1fr;padding:36px 0;gap:28px}h1{font-size:42px;margin:14px 0 18px}.hero p{margin-bottom:22px}.hero-art{padding:18px}.hero-art img{height:290px}.band{grid-template-columns:1fr;margin-bottom:44px;padding:8px 0}.band div,.band div:first-child{padding:12px 0;border:0;border-bottom:1px solid var(--line)}.section-head{display:block}.section-head p{margin-top:12px}h2{font-size:27px}.grid{gap:28px 12px}.photo-button{padding:7px}.photo-button img{height:205px}.card h3{font-size:15px}.card-bottom{display:block;font-size:14px}.card-bottom a{display:block;margin-top:6px}.collection-grid{gap:12px}.collection-grid img{height:240px}.collections{padding:38px 0}.brand{padding-top:44px}section{padding-bottom:48px}.contact{padding:30px 22px;display:block}.contact .button{margin-top:24px}.footer-grid{grid-template-columns:1fr;gap:14px}footer{padding-bottom:86px}.mobile-contact{position:fixed;bottom:0;left:0;right:0;z-index:4;background:white;padding:10px 16px;border-top:1px solid var(--line);display:block}.mobile-contact .button{width:100%}.detail-foot{display:block}.detail-foot .button{margin-top:12px}.count{font-size:12px;bottom:6px;right:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Black and red brand theme */
:root{--ink:#f6f6f7;--muted:#bfc0c6;--line:#393036}
body{background:#0d0d10;background-image:radial-gradient(ellipse at 95% 0%,#530b19 0,transparent 32%),linear-gradient(145deg,#120e11 0%,#0d0d10 55%,#220b12 100%);color:var(--ink)}
.top{background:#ae001d;color:#fff}
.header{background:#101013f5;border-bottom-color:#56202d}
.logo{background:#fff}
.eyebrow,h1 span,.art-label span:last-child,.card-bottom a{color:#ff627b}
.button.light{background:#22171c;color:#fff;border-color:#6e2938}
.button.light:hover{background:#3b1723}
.menu{background:#1e151b;color:#fff;border-color:#65313e}
.hero-art{background:linear-gradient(135deg,#30101b,#161419 75%);box-shadow:inset 0 0 0 1px #57212f}
.photo-button{background:#20191e;color:#fff}
.count{background:#181015eF;color:#fff;border:1px solid #6c3341}
.collections{background:linear-gradient(120deg,#300b16,#140f14 65%);border-block:1px solid #4a1b29}
.collection-grid button{background:#21151c;color:#f6f6f7}
.contact{background:linear-gradient(115deg,#3b0b18,#170d13);border:1px solid #712039}
footer{background:#0a080b;border-top:1px solid #4c1b28}
.legal{border-top-color:#393036}
dialog{background:#171116;color:#f6f6f7;border:1px solid #663040;color-scheme:dark}
.close{background:#2b1720;color:#fff;border-color:#75384a}
.detail-image{background:#241a21}
.thumbs button{background:#241a21;border-color:#59404b}
.mobile-contact{background:#110d11;border-top-color:#652337}
@media(max-width:620px){.links{background:#151015;border-bottom-color:#652337}}