/* Clear typography and a photo-led catalogue. Product data remains original. */
.brand-mark{font-family:Arial,sans-serif;font-size:20px;font-weight:750;letter-spacing:-.05em;border:1px solid #d9bc95;color:#e7cba4;width:28px;height:28px;display:grid;place-items:center;line-height:1}
.hero-word,.system-title,.campaign-title{background:none;background-image:none;background-clip:border-box;-webkit-background-clip:border-box;color:#f0d7b5;opacity:1;font-family:Pretendard,Arial,sans-serif;font-weight:650;letter-spacing:-.045em}
.hero-word{color:#e8d4ec;font-size:clamp(48px,10.6vw,145px);line-height:1.05;letter-spacing:-.055em}
.system-title{font-size:clamp(62px,6.6vw,96px);line-height:1.1;font-weight:650;letter-spacing:-.055em;margin-top:25px}
.system-card:nth-child(2) .system-title{color:#cce1ef}
.campaign-title{color:#f2dcbc;line-height:1.15;font-weight:650}
.hero h1 span{background:none;background-clip:border-box;-webkit-background-clip:border-box;color:#f1dcc8}
.products{padding-top:76px;padding-bottom:84px}
.products .section-head{margin-bottom:24px}
.products .filters{position:sticky;top:82px;z-index:15;padding:16px 0;gap:8px;background:#f4edf0;border-top:1px solid #d8ccd8;border-bottom:1px solid #d8ccd8;box-shadow:0 5px 15px #31223708}
.products .filters button{min-height:48px;min-width:148px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid transparent;border-radius:4px;font:500 14px Pretendard,Arial,sans-serif;color:#4d3856;background:transparent}
.products .filters button span{font:500 11px Pretendard,Arial,sans-serif;letter-spacing:0;margin-left:0;min-width:25px;padding:3px 6px;background:#e6dce8;border-radius:20px;color:#533b5c}
.products .filters button[aria-pressed=true]{background:#302036;border-color:#302036;color:#fff8f2}
.products .filters button[aria-pressed=true] span{background:#ffffff20;color:#fff8f2}
.products .filters button:focus-visible,.products .catalog-item:focus-visible{outline:3px solid #744b80;outline-offset:4px}
.products .result-count{font:12px Pretendard,Arial,sans-serif;letter-spacing:.01em;color:#65536c;margin:18px 0 0}
.products .catalog{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;border:0}
.products .catalog-divider{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:28px 0 0;gap:20px;border:0}
.products .catalog-divider:not(:first-child){border-top:1px solid #d0c1d2;margin-top:28px;padding-top:32px}
.products .catalog-divider h3{padding:0;margin:0;min-height:0;font:600 22px Pretendard,Arial,sans-serif;letter-spacing:-.035em;line-height:1.3;color:#36253e}
.products .catalog-divider>span{font:12px Pretendard,Arial,sans-serif;color:#725f78}
.products .catalog-item{display:flex;flex-direction:column;position:relative;min-height:0;padding:0 0 20px;border:0;border-bottom:1px solid #cdbfd0;background:transparent;transition:border-color .2s}
.products .catalog-item[hidden],.products .catalog-divider[hidden]{display:none}
.products .catalog-item:before{display:none}
.products .catalog-item .product-photo{margin:0;border:1px solid #e2d9e3;background:#fff;border-radius:5px;overflow:hidden}
.products .catalog-item .product-photo img{width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;padding:16px;mix-blend-mode:normal}
.products .catalog-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:17px;color:#75627c}
.products .catalog-kind{font:500 11px Pretendard,Arial,sans-serif;letter-spacing:.01em}
.products .item-code{font:10px ui-monospace,monospace;letter-spacing:.035em;color:#8a7690}
.products .catalog-item h3{margin:8px 42px 0 0;padding:0;min-height:52px;font:600 20px/1.4 Pretendard,Arial,sans-serif;letter-spacing:-.025em;color:#2b1e32;overflow-wrap:anywhere;word-break:keep-all}
.products .catalog-arrow{right:0;bottom:24px;display:grid;place-items:center;width:32px;height:32px;border:1px solid #c0a9c7;border-radius:50%;font:18px Arial,sans-serif;color:#64456e;background:transparent;transition:background .2s,color .2s}
.products .other-products{margin-top:38px}
@media(hover:hover){.products .catalog-item:hover{background:transparent;border-color:#744b80}.products .catalog-item:hover .product-photo{border-color:#a68aad}.products .catalog-item:hover .catalog-arrow{background:#36233e;color:#fff6ed}.products .filters button:not([aria-pressed=true]):hover{background:#e9dfea}}
@media(max-width:900px){.products .catalog{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.system-title{font-size:72px}}
@media(max-width:640px){.hero-word{font-size:11vw;line-height:1.05;white-space:nowrap;margin:21px 0 12px}.system-title{font-size:64px;line-height:1.15}.campaign-title{font-size:40px;line-height:1.18}.products{padding-top:44px;padding-bottom:50px}.products .filters{top:70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:10px 0}.products .filters button{min-width:0;min-height:48px;font-size:12px;padding:8px 8px;gap:4px;white-space:nowrap}.products .filters button span{font-size:10px;min-width:20px;padding:2px 4px}.products .catalog{gap:24px 12px}.products .catalog-divider{padding-top:23px}.products .catalog-divider h3{font-size:19px}.products .catalog-divider:not(:first-child){margin-top:6px;padding-top:25px}.products .catalog-item{padding-bottom:16px}.products .catalog-item .product-photo img{padding:9px;aspect-ratio:1/1}.products .catalog-meta{margin-top:12px;gap:5px}.products .catalog-kind{font-size:10px}.products .item-code{font-size:8px;letter-spacing:0}.products .catalog-item h3{font-size:16px;line-height:1.45;margin-top:7px;margin-right:25px;min-height:48px}.products .catalog-arrow{width:24px;height:24px;bottom:18px;font-size:15px}.products .other-products{margin-top:26px}}
@media(max-width:359px){.products .filters button{font-size:11px;padding:8px 4px;gap:2px}.products .catalog-meta{align-items:start;flex-direction:column;gap:3px}.products .catalog-item h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.products .catalog-item,.products .catalog-arrow{transition:none}}
@media(forced-colors:active){.hero-word,.system-title,.campaign-title,.hero h1 span{color:CanvasText}.products .catalog-arrow{border-color:CanvasText}.products .filters button[aria-pressed=true]{border-color:Highlight}}
