@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{--green:#193e30;--muted:#687167;--cream:#f7f5ed;--line:#dcded3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--cream);color:var(--green);font:14px/1.7 'Noto Sans KR',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a18e54;outline-offset:4px}.disclosure{text-align:center;background:var(--green);color:#f4f0de;font-size:11px;padding:9px 18px;letter-spacing:.015em}header,main,footer{max-width:1240px;margin:auto}header{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:-1px}.brand img{width:47px;height:47px;border-radius:50%}.brand small{display:block;font:9px/1.3 sans-serif;letter-spacing:2.3px;margin-top:3px}nav{display:flex;gap:32px;font-size:13px}nav a:hover{text-decoration:underline}nav .threads{border-left:1px solid #c4c9bb;padding-left:30px}.hero{padding:60px 40px 76px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.eyebrow{font:10px/1.5 sans-serif;letter-spacing:2.5px;margin:0 0 20px;color:#677766}.intro h1{font:500 48px/1.55 'Noto Serif KR',serif;letter-spacing:-2.7px;margin:0 0 22px}.intro h1 em{font-style:normal;color:#789278}.lead{font-size:15px;line-height:1.9;color:#647165;letter-spacing:-.4px}.primary{display:flex;justify-content:space-between;width:243px;background:var(--green);color:white;padding:15px 22px;margin:30px 0 15px;border-radius:3px;font-size:13px}.primary:hover{background:#315843}.note{font-size:10px;color:#848b7d}.feature{background:#e8eadf;padding:24px 26px 0;position:relative;border-radius:120px 120px 6px 6px;overflow:hidden}.feature-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;margin:22px 0 14px}.feature-label span{letter-spacing:.5px;color:#788675}.feature-image{height:270px;display:flex;align-items:center;justify-content:center;mix-blend-mode:multiply}.feature-image img{max-width:100%;max-height:100%;object-fit:contain}.monogram{font:150px Georgia,serif;opacity:.25}.feature-caption{border-top:1px solid #cbd1c0;display:flex;align-items:center;justify-content:space-between;padding:4px 0 12px}.feature-caption p{font:500 19px/1.6 'Noto Serif KR',serif;letter-spacing:-.8px}.feature-caption>span{font-size:10px;text-align:right;color:#7b856f}.collection{border-top:1px solid var(--line);padding:50px 40px 60px}.section-top{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-top .eyebrow{margin-bottom:8px}h2{font:500 29px/1.6 'Noto Serif KR',serif;letter-spacing:-1.3px;margin:0}.updated{font-size:10px;color:#7a8378;text-align:right}.controls{display:flex;justify-content:space-between;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:28px 0 16px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{border:1px solid transparent;background:transparent;border-radius:30px;padding:7px 17px;color:#687167;font-size:12px}.filters button.active{background:var(--green);color:#fff}.filters span{font-size:10px;opacity:.6;margin-left:3px}.tools{display:flex;gap:8px;align-items:center}.search{display:flex;gap:7px;border-bottom:1px solid #a6afa0;padding:5px}.search span{font:22px serif}.search input{background:none;border:0;outline:none;width:170px;font-size:11px;color:var(--green)}select{background:none;border:0;color:#66735f;font-size:11px;max-width:110px}.price-note{font-size:10px;color:#858c7f;margin:15px 0 25px}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 22px}.card{min-width:0;position:relative}.photo{background:#fff;height:235px;border:1px solid #e6e7df;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo img{width:88%;height:88%;object-fit:contain;transition:transform .3s}.photo:hover img{transform:scale(1.04)}.save{position:absolute;right:9px;top:9px;border:1px solid #e4e6dd;background:#ffffffed;width:31px;height:31px;border-radius:50%;color:var(--green);font-size:19px}.save[aria-pressed=true]{background:var(--green);color:#fff}.category{margin:15px 0 7px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.3px;color:#78846e}.rocket{font-size:9px;color:#426f76}.card h3{font-size:13px;font-weight:500;line-height:1.7;margin:0 0 10px;letter-spacing:-.3px;min-height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.price{font-weight:600;font-size:19px;letter-spacing:-.7px}.price small{font-size:12px;font-weight:400}.change{font-size:10px;color:#8b7650;min-height:17px}.buy{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);margin-top:12px;padding-top:10px;font-size:11px}.buy span{font-size:16px}.buy:hover{color:#80926d}.message{text-align:center;padding:55px;color:#7c8575}.standard{display:grid;grid-template-columns:1fr 1.35fr;gap:70px;background:#e9ecdf;margin:20px 40px 0;padding:45px 38px;border-radius:5px}.standard h2{font-size:25px}.principles article{position:relative;padding:0 0 18px 30px;margin-bottom:18px;border-bottom:1px solid #d1d7c4}.principles article:last-child{border:0;margin-bottom:0;padding-bottom:0}.principles article>span{position:absolute;left:0;font:10px/2.5 serif;color:#859176}.principles h3{font-size:13px;margin:0 0 5px;font-weight:500}.principles p{font-size:11px;margin:0;color:#75816c;line-height:1.8}.follow{margin:55px 40px;padding:10px 0 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.follow h2{font-size:24px}.follow>a{font:16px Georgia,serif;border-bottom:1px solid var(--green);padding:15px 0;width:230px;display:flex;justify-content:space-between}.follow .eyebrow{margin-bottom:10px}footer{padding:0 40px 38px;display:flex;gap:25px;justify-content:space-between;align-items:center}footer .brand{font-size:17px}footer .brand img{width:35px;height:35px}footer p{font-size:9px;color:#838b7d}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--green);color:white;border-radius:30px;padding:12px 24px;font-size:12px;z-index:10;white-space:nowrap}@media(min-width:1500px){header,main,footer{max-width:1350px}.hero{gap:110px}.feature-image{height:310px}.intro h1{font-size:53px}}@media(max-width:900px){.hero{gap:30px}.intro h1{font-size:37px}.feature-image{height:230px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.controls{align-items:start;flex-direction:column}.tools{width:100%;justify-content:space-between}.standard{gap:30px;padding:30px}.photo{height:210px}}@media(max-width:600px){.disclosure{font-size:9px;padding:9px 20px;line-height:1.7}header{height:86px;padding:0 22px}.brand{font-size:19px}.brand img{width:39px;height:39px}nav{gap:0}nav>a:not(.threads){display:none}nav .threads{border:0;padding:0;font-size:11px}.hero{padding:35px 22px 38px;grid-template-columns:1fr;gap:26px}.intro h1{font-size:37px;line-height:1.5;letter-spacing:-2px}.eyebrow{font-size:9px;margin-bottom:14px}.lead{font-size:13px}.primary{margin-top:23px;width:230px}.feature{border-radius:90px 90px 4px 4px;padding:12px 22px 0}.feature-image{height:220px}.feature-label{margin-top:22px}.feature-caption p{font-size:17px}.collection{padding:32px 22px}.section-top{display:block}h2{font-size:25px}.updated{text-align:left;margin:10px 0 0}.controls{padding-top:15px}.filters{gap:2px}.filters button{padding:7px 12px;font-size:11px}.search input{width:170px}.price-note{line-height:1.8}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.photo{height:174px}.card h3{font-size:12px;min-height:40px}.category{font-size:9px;margin-top:11px}.price{font-size:18px}.save{width:29px;height:29px}.standard{margin:15px 22px 0;grid-template-columns:1fr;padding:28px 25px;gap:27px}.standard h2{font-size:24px}.follow{margin:38px 22px 30px;display:block}.follow h2{font-size:23px}.follow>a{margin-top:20px;width:100%}footer{padding:0 22px 30px;flex-wrap:wrap;gap:5px 20px}footer>.brand{width:100%;margin-bottom:8px}footer p{font-size:9px}.message{padding:30px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo img{transition:none}}
