@font-face{font-family:Aref Ruqaa;src:url(/assets/ArefRuqaa-Regular-Dto1-41e.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Aref Ruqaa;src:url(/assets/ArefRuqaa-Bold-DvDe78Uv.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Aref Ruqaa,Noto Sans KR,Apple SD Gothic Neo,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{color:#2b2a29;background:radial-gradient(circle at 20% -10%,#ebe7de 0%,#d4d2cc 42%,#cbc9c4 100%)}button,input{font:inherit}.page{color:#2b2a29;background:#d6d5d3;max-width:1180px;min-height:100vh;margin:0 auto;padding-bottom:80px;position:relative;overflow:hidden}.hero-section{background:linear-gradient(120deg,#ecebe7 0%,#f4f3ef 48%,#f7f6f3 100%);border-bottom:1px solid #2b2a291f;grid-template-columns:minmax(280px,420px) 1fr;align-items:center;min-height:380px;display:grid}.hero-copy{padding:56px 46px}.eyebrow{letter-spacing:.2em;text-transform:uppercase;color:#2b2a29bf;margin:0 0 18px;font-size:.78rem}.hero-copy h1{color:#1e1d1c;margin:0;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:600;line-height:.95}.hero-copy h1 span{letter-spacing:.18em;color:#a66b32;margin-top:14px;font-size:clamp(.96rem,2vw,1.2rem);font-style:italic;font-weight:500;display:block}.subtitle{color:#2b2a29cc;max-width:330px;margin-top:22px;font-size:.94rem;line-height:1.5}.hero-visual{justify-content:center;align-items:center;height:100%;min-height:380px;padding:18px 0;display:flex}.hero-visual img{object-fit:contain;filter:contrast(1.06)saturate(.9);width:100%;height:auto;max-height:344px}main{position:relative}.product-section{padding:38px 36px 48px}.section-head{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:28px;display:flex}.section-head p:first-child{text-transform:uppercase;letter-spacing:.15em;color:#2b2a29c7;margin:0;font-size:.85rem}.section-head p:last-child{text-align:right;color:#2b2a29cc;margin:0;font-size:.9rem;line-height:1.5}.product-grid{gap:20px;display:grid}.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{cursor:pointer;background:#f6f5f1cc;border:1px solid #2b2a2914;border-radius:20px;padding:18px;transition:transform .24s,box-shadow .24s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #1d18131f}.product-card h3{color:#252321;margin:14px 0 8px;font-size:1.06rem}.product-card p{color:#2b2a29c7;margin:0;font-size:.86rem;line-height:1.5}.thumb{aspect-ratio:4/3;background-size:180% 180%;border:1px solid #2b2a2914;border-radius:16px;width:100%;animation:9s ease-in-out infinite toneFlow}.thumb-img{aspect-ratio:4/3;object-fit:cover;border-radius:16px;width:100%;display:block}.thumb.ash{background:linear-gradient(130deg,#eff0ec 0%,#d7d9d6 45%,#c1c6c2 100%)}.thumb.wood{background:linear-gradient(130deg,#ceb08f 0%,#a16f41 45%,#85562c 100%)}.thumb.stone{background:linear-gradient(130deg,#f3f4f1 0%,#d7d6d3 52%,#bebdb8 100%)}.thumb.graphite{background:linear-gradient(130deg,#686767 0%,#4d4b4a 55%,#343130 100%)}.showcase-strip{background:#ecebe8;border-top:1px solid #2b2a2914;border-bottom:1px solid #2b2a2914;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:28px;padding:36px;display:grid}.showcase-strip.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr)}.showcase-image{min-width:0}.showcase-main{object-fit:cover;border:1px solid #2b2a2914;border-radius:18px;width:100%;min-height:248px;display:block}.showcase-sub-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.showcase-sub{border:1px solid #2b2a2914;border-radius:14px;min-height:100px}.showcase-sub-img{object-fit:cover;border:1px solid #2b2a2914;border-radius:14px;width:100%;height:110px;display:block}.showcase-copy{padding-top:2px}.small-label{letter-spacing:.14em;text-transform:uppercase;color:#2b2a29b3;margin:0;font-size:.76rem}.showcase-copy h2{color:#262423;margin:8px 0 10px;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.1}.showcase-copy>p{color:#2b2a29cc;margin:0;font-size:.9rem;line-height:1.55}.contact-section{background:linear-gradient(145deg,#f7f5f0 0%,#ece8de 100%);border:1px solid #2b2a291a;padding:30px}.contact-head p:first-child{letter-spacing:.14em;text-transform:uppercase;color:#2b2a29b3;margin:0;font-size:.78rem}.contact-head h2{color:#25211f;margin:10px 0 8px;font-size:clamp(1.8rem,4vw,2.4rem)}.contact-head p:last-child{color:#2b2a29cc;margin:0;line-height:1.5}.contact-form{margin-top:18px}.contact-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.contact-form label{color:#2b2a29e6;flex-direction:column;gap:7px;font-size:.84rem;display:flex}.contact-form input,.contact-form textarea{color:#1f1e1d;background:#fff;border:1px solid #2b2a2929;border-radius:10px;padding:11px 12px;font-family:inherit;font-size:.9rem}.contact-form textarea{resize:vertical;min-height:130px}.contact-form-message{grid-column:1/-1}.contact-submit-btn{color:#f8f5f1;cursor:pointer;background:#2f2a26;border:0;border-radius:999px;margin-top:14px;padding:11px 24px;font-size:.9rem}.contact-submit-btn:disabled{opacity:.72;cursor:not-allowed}.contact-feedback{margin:12px 0 0;font-size:.86rem;font-weight:600}.contact-feedback.success{color:#255e1f}.contact-feedback.error{color:#a1312a}.mini-card-list{flex-direction:column;gap:10px;max-height:420px;margin-top:18px;display:flex;overflow-y:auto}.mini-card{cursor:pointer;background:#f7f6f2eb;border:1px solid #2b2a2914;border-radius:16px;grid-template-columns:120px 1fr;gap:14px;margin-top:0;padding:12px;display:grid}.mini-card .thumb{border-radius:12px}.mini-card h4{margin:4px 0 8px;font-size:1rem}.mini-card p{color:#2b2a29cc;margin:0;font-size:.84rem}.company-footer{color:#f3f3f3;background:linear-gradient(132deg,#181818 0%,#252525 58%,#2c2c2c 100%);border:0;border-radius:0;margin:0;padding:28px 36px 22px}.footer-brand{margin-bottom:14px}.footer-label{letter-spacing:.16em;text-transform:uppercase;color:#ffffffb3;margin:0;font-size:.74rem}.footer-brand h3{color:#fff;margin:6px 0 4px;font-size:clamp(1.5rem,3vw,2rem)}.footer-brand p{color:#ffffffdb;margin:0}.footer-contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 24px;display:grid}.footer-contact-item{padding:2px 0}.contact-role{letter-spacing:.02em;color:#fff;margin:0;font-size:1.02rem;font-weight:700}.contact-role span{margin-left:8px}.contact-role-en{color:#ffffffbd;margin:2px 0 10px;font-size:.85rem}.footer-contact-item p{color:#ffffffe6;margin-top:0;margin-bottom:6px}.footer-address{color:#ffffffe6;margin:12px 0 0;font-weight:600}.all-products-btn{color:#f8f5f1;letter-spacing:.05em;cursor:pointer;z-index:10;white-space:nowrap;background:#2f2a26;border:0;border-radius:999px;padding:14px 32px;font-size:.93rem;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 14px 24px #1d191452}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:#14120f80;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#f6f3ef;border:1px solid #2b2a2926;border-radius:18px;width:min(760px,100%);max-height:90vh;padding:24px;position:relative;overflow-y:auto}.close-btn{cursor:pointer;background:#2b2a2914;border:0;border-radius:999px;padding:7px 12px;font-size:.77rem;position:absolute;top:16px;right:16px}.modal h3{color:#221f1c;margin:8px 0 6px;font-size:1.7rem}.modal-category{letter-spacing:.14em;text-transform:uppercase;color:#2b2a29a8;margin:0;font-size:.76rem}.modal-code{color:#7a4c23;margin:0;font-size:.86rem;font-weight:600}.modal-desc{color:#2b2a29cc;margin:10px 0 0;line-height:1.55}.modal-detail-img{object-fit:cover;border-radius:14px;width:100%;max-height:280px;margin-top:16px;display:block}.image-modal{width:min(980px,100%)}.expanded-image{object-fit:contain;background:#fff;border-radius:14px;width:100%;max-height:78vh;margin-top:16px;display:block}.showcase-main,.showcase-sub-img,.thumb-img{cursor:zoom-in}.modal-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.modal-meta div{background:#ffffffa6;border:1px solid #2b2a2914;border-radius:12px;padding:12px}.modal h4{color:#2b2a29d9;margin:0 0 6px;font-size:.88rem}.modal-meta p{color:#2b2a29c7;margin:0;font-size:.84rem}.modal-color-list{flex-direction:column;gap:6px;display:flex}.modal-color-item{align-items:center;gap:8px;display:flex}.modal-color-swatch{border:1px solid #2b2a2938;flex:none;width:20px;height:20px}.modal-color-name{color:#2b2a29d1;font-size:.84rem;line-height:1.35}.modal-sub-note{color:#2b2a299e;margin-top:6px;font-size:.76rem;line-height:1.4}.modal-list-wrap{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.modal-list-wrap div{background:#ffffffa6;border:1px solid #2b2a2914;border-radius:12px;padding:12px}.modal ul{margin:0;padding-left:18px}.modal li{color:#2b2a29c2;margin-bottom:6px;font-size:.84rem;line-height:1.45}.all-products-modal{width:min(940px,100%)}.toolbar{gap:10px;margin-top:16px;display:grid}.toolbar input{background:#fff;border:1px solid #2b2a2926;border-radius:10px;width:100%;padding:10px 12px;font-size:.92rem}.chip-row{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#2b2a29d6;cursor:pointer;background:#f8f6f2;border:1px solid #2b2a2929;border-radius:999px;padding:7px 12px;font-size:.8rem}.chip.active{color:#f8f5f1;background:#2f2a26;border-color:#2f2a26}.all-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.all-item{cursor:pointer;background:#fbfaf7;border:1px solid #2b2a291a;border-radius:12px;grid-template-columns:110px 1fr;gap:12px;padding:10px;display:grid}.all-item .thumb{border-radius:10px}.all-item h4{margin:0 0 5px}.all-item p{color:#2b2a29c7;margin:0;font-size:.8rem;line-height:1.45}@keyframes toneFlow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@media (width<=1024px){.hero-section{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:40px 22px 26px}.hero-visual{min-height:250px}.product-section,.showcase-strip,.company-footer{padding:24px 18px 30px}.company-footer{border-radius:0;margin:0}.showcase-strip,.showcase-strip.reverse{grid-template-columns:1fr}.showcase-strip.reverse .showcase-image{order:1}.showcase-strip.reverse .showcase-copy{order:2}.showcase-sub-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-auto-columns:auto;grid-auto-flow:row;width:100%}.cols-3,.all-grid{grid-template-columns:1fr}.section-head{flex-direction:column;align-items:flex-start;gap:8px}.section-head p:last-child{text-align:left}.modal-meta,.modal-list-wrap,.footer-contact-grid,.contact-form-grid{grid-template-columns:1fr}.product-modal{width:min(95vw,100%)}.product-modal-content{grid-template-columns:1fr}.product-modal-images{margin-top:20px}}.product-modal{z-index:30;width:min(1200px,100%);max-height:92vh;padding:56px 24px 20px;position:relative;overflow-y:auto}.product-modal-content{grid-template-columns:1fr 1fr;gap:32px;display:grid}.product-modal-info{max-height:calc(85vh - 80px);padding-right:12px;overflow-y:auto}.product-modal-info::-webkit-scrollbar{width:6px}.product-modal-info::-webkit-scrollbar-track{background:0 0}.product-modal-info::-webkit-scrollbar-thumb{background:#2b2a2933;border-radius:3px}.product-modal-images{-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#fff6;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:20px;display:flex;position:relative}.product-modal-image{object-fit:contain;border-radius:10px;max-width:100%;max-height:400px;display:block}.swipe-btn{color:#fff;cursor:pointer;z-index:2;background:#2b2a2999;border:none;border-radius:6px;padding:8px 14px;font-size:32px;transition:background .2s;position:absolute;top:50%;transform:translateY(-50%)}.swipe-btn:hover{background:#2b2a29cc}.prev-btn{left:12px}.next-btn{right:12px}.image-counter{color:#fff;background:#2b2a29b3;border-radius:6px;padding:6px 12px;font-size:.88rem;font-weight:600;position:absolute;top:12px;left:12px}.image-thumbnails{flex-wrap:wrap;justify-content:center;gap:8px;width:100%;margin-top:16px;display:flex}.image-thumbnails .thumb{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:6px;width:60px;height:60px;padding:4px;transition:border-color .2s,transform .2s;overflow:hidden}.image-thumbnails .thumb:hover{transform:scale(1.05)}.image-thumbnails .thumb.active{border-color:#7a4c23}.image-thumbnails .thumb img{object-fit:cover;width:100%;height:100%}