@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap");:root{--navy:#172B35;--mint:#B9D9D5;--ivory:#F0F0E9;--gold:#D5A66C;--ink:#24343a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fafaf6;color:var(--ink);font-family:Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.top{height:82px;padding:0 max(calc((100% - 1180px)/2),28px);display:flex;align-items:center;justify-content:space-between;background:#fafaf6}.logo{font-size:23px;font-weight:800;color:var(--navy);letter-spacing:-1px}.logo span{display:block;font-size:9px;letter-spacing:3px;color:#81938f;font-weight:600}.top nav{display:flex;gap:30px;font-size:13px;font-weight:600}.hero{min-height:510px;background:var(--ivory);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:65px max(calc((100% - 1080px)/2),40px);overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.5px;color:#77938d;font-weight:800}.hero h1{font-size:54px;line-height:1.25;letter-spacing:-3px;color:var(--navy);margin:18px 0}.hero h1 em{font-style:normal;color:#6d9b94}.hero-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#657579}.cta{display:inline-flex;gap:28px;background:var(--navy);color:white;padding:15px 22px;border-radius:3px;font-size:13px;margin-top:22px}.cta,.hero-art{align-items:center}.hero-art{height:350px;display:flex;justify-content:center;position:relative;background:linear-gradient(135deg,#d6e7e1,#9dbdb5);border-radius:48% 52% 43% 57%}.orb{width:230px;height:230px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f6f4e9,#c6d8d0);box-shadow:25px 30px 60px #536d6840;color:var(--navy);font-size:100px;font-weight:800}.art-tag{position:absolute;bottom:35px;right:10px;font-size:9px;letter-spacing:2px;color:#36534e}.intro{text-align:center;padding:95px 20px 85px}.intro span{font-size:10px;letter-spacing:3px;color:#78958f;font-weight:800}.intro h2{font-size:34px;line-height:1.45;letter-spacing:-1.5px;color:var(--navy);margin:20px 0 12px}.intro p{font-size:13px;color:#788487}.products{max-width:1180px;margin:auto;padding:15px 28px 110px}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:30px;letter-spacing:-1px;margin:9px 0 25px;color:var(--navy)}.count{font-size:10px;letter-spacing:2px;color:#84918d;padding-bottom:30px}.toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;border-bottom:1px solid #e3e6df;padding-bottom:18px;margin-bottom:25px}.filters,.tabs{display:flex;gap:8px}.tabs button{border:1px solid #dce2dc;background:transparent;padding:9px 17px;border-radius:30px;font-size:12px;color:#71807d}.tabs button.active{background:var(--navy);color:white;border-color:var(--navy)}.filters input,.filters select{border:1px solid #dce2dc;background:white;padding:9px 12px;font-size:12px;min-width:125px}.grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:22px;gap:22px}.product{background:white;border:1px solid #eceee8}.image-button{width:100%;padding:0;border:0;background:#eef1eb;position:relative;cursor:pointer}.image-button img{width:100%;aspect-ratio:1.15;object-fit:cover;display:block}.image-button span{position:absolute;left:12px;top:12px;background:#fff;padding:6px 9px;font-size:10px;color:var(--navy)}.product-info{padding:17px}.product-info small{font-size:10px;color:#78958f}.product-info h3{font-size:15px;margin:7px 0;color:var(--navy)}.product-info p{font-size:11px;line-height:1.7;color:#89918e;min-height:38px}.product-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.product-bottom strong{font-size:14px}.product-bottom button{border:0;background:none;color:#6d928b;font-size:11px;cursor:pointer}footer{background:var(--navy);padding:50px max(calc((100% - 1120px)/2),28px)}footer,footer .logo{color:white}footer .logo span{color:#a6c9c1}footer p{font-size:12px;color:#c3d0cd;margin:20px 0}footer small{font-size:10px;line-height:1.8;color:#a8b9b5}.modal-bg{position:fixed;inset:0;background:#101c20a8;display:grid;place-items:center;padding:20px;z-index:10}.modal{position:relative;background:white;max-width:440px;width:100%;padding:25px;display:flex;flex-direction:column;gap:12px}.modal>img{width:100%;max-height:220px;object-fit:cover}.modal h2{margin:0;color:var(--navy)}.modal p{font-size:13px;color:#667}.modal .cta{justify-content:center}.close{position:absolute;right:12px;top:8px;border:0;background:white;font-size:27px;cursor:pointer}.notice{font-size:10px;color:#889;margin-top:8px}@media(max-width:760px){.top{height:70px;padding:0 20px}.top nav{gap:13px;font-size:11px}.hero{grid-template-columns:1fr;padding:55px 25px;gap:35px}.hero h1{font-size:42px}.hero-art{height:240px}.orb{width:160px;height:160px;font-size:70px}.intro{padding:65px 20px}.intro h2{font-size:27px}.products{padding:0 18px 70px}.section-head h2{font-size:24px}.toolbar{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters input{flex:1 1}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-info{padding:12px}.product-info h3{font-size:13px}.product-info p{font-size:10px}.product-bottom{align-items:flex-start;gap:5px;flex-direction:column}.product-bottom button{padding:0}}