:root{--cream:#f7f2e8;--ink:#20251d;--leaf:#37543b;--lime:#d9ef76;--rose:#e9a59b;--line:rgba(32,37,29,.18);--serif:"Gowun Batang",serif;--display:"Gowun Dodum","Noto Sans KR",sans-serif;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--ink);color:#fff;padding:12px}.skip:focus{top:16px}.cotton-header{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:106px;padding:18px clamp(22px,4vw,68px);border-bottom:1px solid var(--line);background:rgba(247,242,232,.9);backdrop-filter:blur(16px)}.cotton-wordmark{display:inline-flex;align-items:center;gap:10px;color:inherit;font-weight:700;line-height:.86;letter-spacing:-.04em;text-decoration:none}.cotton-flower{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff6ef;overflow:hidden}.cotton-flower img{display:block;width:44px;height:44px}.cotton-nav{display:flex;gap:32px}.cotton-nav a{position:relative;color:inherit;font-size:13px;font-weight:600;text-decoration:none}.cotton-nav a::after{position:absolute;right:0;bottom:-7px;left:0;height:1px;background:var(--ink);content:"";transform:scaleX(0);transform-origin:left;transition:.25s}.cotton-nav a:hover::after{transform:scaleX(1)}.bag-button{justify-self:end;border:1px solid var(--ink);border-radius:99px;background:transparent;padding:12px 17px;font:600 13px var(--sans);cursor:pointer}.bag-button span{display:inline-grid;place-items:center;width:22px;height:22px;margin-left:8px;border-radius:50%;background:var(--ink);color:#fff}.cotton-hero{position:relative;display:grid;grid-template-columns:minmax(360px,.72fr) minmax(480px,1.28fr);min-height:calc(100vh - 106px);overflow:hidden}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:80px clamp(26px,6vw,110px)}.eyebrow{margin:0 0 24px;font-size:11px;font-weight:700;letter-spacing:.19em}.hero-copy h1,.collection h2,.story h2{margin:0;font-family:var(--display);font-size:clamp(54px,6vw,102px);font-weight:400;line-height:.98;letter-spacing:-.065em;word-break:keep-all}.hero-copy h1 em{color:var(--leaf);font-style:normal}.hero-description{max-width:480px;margin:36px 0;color:#596052;line-height:1.8}.round-link{display:flex;align-items:center;justify-content:space-between;width:210px;margin-top:18px;border-bottom:1px solid var(--ink);padding:12px 0;color:inherit;font-weight:600;text-decoration:none}.round-link span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--lime);font-size:20px}.hero-photo{position:relative;margin:0;overflow:hidden}.hero-photo::after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,242,232,.12),transparent 30%);content:""}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(.92)}.hero-photo figcaption{position:absolute;right:26px;bottom:22px;z-index:2;border-radius:99px;background:rgba(247,242,232,.88);padding:10px 14px;font-size:11px}.hero-index{position:absolute;right:22px;top:20px;z-index:3;margin:0;color:#fff;font-size:11px;letter-spacing:.16em}.promise-strip{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);background:var(--lime)}.promise-strip p{margin:0;border-right:1px solid var(--line);padding:18px;text-align:center;font-size:11px;font-weight:700;letter-spacing:.08em}.collection{padding:120px clamp(22px,5vw,78px)}.collection-heading{display:grid;grid-template-columns:1fr .42fr;align-items:end;gap:60px;margin-bottom:64px}.collection-heading h2{font-size:clamp(48px,5.5vw,86px)}.collection-heading>p{max-width:380px;color:#66705f;line-height:1.8}.filter-row{display:flex;gap:8px;margin-bottom:22px}.filter{border:1px solid var(--line);border-radius:99px;background:transparent;padding:10px 18px;font:600 12px var(--sans);cursor:pointer}.filter.active{background:var(--ink);color:var(--cream)}.product-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.product{grid-column:span 4;display:flex;flex-direction:column;min-width:0;transition:opacity .2s}.product.feature{grid-column:span 8;grid-row:span 2}.product.wide{grid-column:span 8}.product[hidden]{display:none}.product-photo{position:relative;min-height:430px;overflow:hidden;background:#ded7c8}.feature .product-photo{min-height:720px}.wide .product-photo{min-height:480px}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1);filter:saturate(.78)}.product:hover img{transform:scale(1.035)}.product-photo span{position:absolute;top:16px;left:16px;border-radius:99px;background:var(--lime);padding:7px 10px;font-size:10px;font-weight:700}.product-info{display:flex;justify-content:space-between;gap:20px;padding:20px 4px 34px}.product-info>div:last-child{text-align:right}.product-info small{font-size:9px;font-weight:700;letter-spacing:.18em}.product-info h3{margin:6px 0 0;font-family:var(--serif);font-size:24px}.product-info p{margin:7px 0 0;color:#72796c;font-size:12px}.product-info strong{white-space:nowrap;font-size:14px}.add{display:block;margin:10px 0 0 auto;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:4px 0;font:600 11px var(--sans);cursor:pointer}.story{position:relative;display:grid;grid-template-columns:.5fr 1fr 1fr;align-items:center;gap:clamp(30px,5vw,90px);min-height:620px;padding:90px clamp(24px,7vw,120px);overflow:hidden;background:var(--leaf);color:#f8f2e6}.story-mark{margin:0;color:var(--lime);font-family:var(--serif);font-size:clamp(180px,25vw,400px);line-height:.7}.story h2{font-size:clamp(48px,5vw,80px)}.story>p:last-child{max-width:460px;color:#d8dfd3;line-height:2}.cotton-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;min-height:260px;padding:50px clamp(24px,5vw,80px)}.cotton-footer>p:nth-child(2){text-align:center}.cotton-footer>p:last-child{text-align:right;color:#777f72;font-size:11px}.bag-backdrop{position:fixed;inset:0;z-index:90;background:rgba(20,25,18,.42);backdrop-filter:blur(3px)}.bag{position:fixed;top:0;right:0;bottom:0;z-index:100;display:flex;flex-direction:column;width:min(440px,100%);background:var(--cream);padding:34px;box-shadow:-30px 0 70px rgba(20,25,18,.2);transform:translateX(105%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}.bag.open{transform:none}.bag-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:24px}.bag-head small{font-size:9px;letter-spacing:.2em}.bag-head h2{margin:6px 0 0;font:400 38px var(--serif)}.bag-head button{border:0;background:transparent;font-size:36px;cursor:pointer}.bag-items{flex:1;padding:20px 0;overflow:auto}.bag-empty{color:#7b8175}.bag-item{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:18px 0}.bag-item button{border:0;background:transparent;cursor:pointer}.bag-bottom{border-top:1px solid var(--line);padding-top:20px}.bag-bottom p{display:flex;justify-content:space-between}.bag-bottom>button{width:100%;border:0;border-radius:99px;background:var(--leaf);color:#fff;padding:16px;font:600 13px var(--sans);cursor:pointer}@media(max-width:900px){.cotton-header{grid-template-columns:1fr auto;min-height:82px;padding:14px 18px}.cotton-nav{display:none}.cotton-hero{grid-template-columns:1fr;min-height:auto}.hero-copy{min-height:610px;padding:70px 24px}.hero-copy h1{font-size:clamp(52px,15vw,76px)}.hero-photo{height:70vh}.promise-strip{grid-template-columns:1fr 1fr}.collection{padding:82px 16px}.collection-heading{grid-template-columns:1fr;gap:24px}.product-grid{grid-template-columns:1fr 1fr;gap:8px}.product,.product.feature,.product.wide{grid-column:span 1;grid-row:auto}.product-photo,.feature .product-photo,.wide .product-photo{min-height:54vw}.product-info{display:block;padding:14px 2px 28px}.product-info>div:last-child{display:flex;align-items:center;justify-content:space-between;margin-top:12px;text-align:left}.add{display:inline-block;margin:0}.story{grid-template-columns:1fr;min-height:auto;padding:80px 24px}.story-mark{position:absolute;right:-20px;bottom:-30px;opacity:.14}.story>p:last-child{position:relative}.cotton-footer{grid-template-columns:1fr;gap:28px}.cotton-footer>p:nth-child(2),.cotton-footer>p:last-child{text-align:left}}@media(max-width:520px){.cotton-wordmark{font-size:13px}.cotton-flower{width:38px;height:38px}.bag-button{padding:10px 12px}.hero-copy{min-height:560px}.hero-description{font-size:14px}.promise-strip p{padding:14px 7px;font-size:9px}.collection-heading h2{font-size:46px}.product-grid{grid-template-columns:1fr}.product-photo,.feature .product-photo,.wide .product-photo{min-height:112vw}.product-info h3{font-size:22px}.bag{padding:24px}}