:root{--ink:#18221c;--green:#174b32;--green2:#2c6848;--paper:#f7f4ed;--white:#fffdfa;--line:#dedbd2;--muted:#71776f;--coral:#e76e4b;--shadow:0 20px 50px rgba(28,39,31,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,"Noto Sans KR",Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.prototype-notice{height:31px;display:grid;place-items:center;background:var(--green);color:#fff;font-size:12px;letter-spacing:.02em}.site-header{height:78px;display:flex;align-items:center;padding:0 clamp(22px,5vw,84px);gap:44px;position:sticky;top:0;z-index:20;background:rgba(247,244,237,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(24,34,28,.1)}.logo{font-family:Georgia,serif;font-weight:700;font-size:29px;letter-spacing:-.03em;color:var(--green);text-decoration:none}.desktop-nav{display:flex;gap:28px;margin-right:auto}.desktop-nav a,.footer-links a{font-size:14px;color:var(--ink);text-decoration:none}.desktop-nav a:hover{color:var(--green2)}.header-actions{display:flex;align-items:center;gap:8px}.icon-button,.text-action,.cart-button{border:0;background:transparent;cursor:pointer;color:var(--ink)}.icon-button{width:40px;height:40px;display:grid;place-items:center}.search-icon{display:block;width:18px;height:18px;border:1.8px solid currentColor;border-radius:50%;position:relative}.search-icon:after{content:"";position:absolute;width:7px;height:1.8px;background:currentColor;right:-5px;bottom:-2px;transform:rotate(45deg)}.text-action{padding:10px}.cart-button{display:flex;align-items:center;gap:7px;padding:10px 4px 10px 12px}.cart-button span{min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:20px;background:var(--coral);color:white;font-size:11px}.menu-button{display:none}.mobile-menu{position:fixed;inset:31px auto 0 0;width:min(340px,88vw);padding:28px;background:var(--white);z-index:45;transform:translateX(-105%);transition:.25s;box-shadow:var(--shadow)}.mobile-menu.open{transform:none}.mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.mobile-menu-head button,.cart-head button,.search-dialog-head button{border:0;background:none;font-size:31px;cursor:pointer}.mobile-menu>a{display:block;padding:17px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink)}
.hero{min-height:clamp(540px,64vw,720px);background:linear-gradient(90deg,rgba(247,244,237,.98) 0%,rgba(247,244,237,.88) 28%,rgba(247,244,237,.1) 60%),url('/assets/cono-hero-v1.png') center/cover no-repeat;position:relative;display:flex;align-items:center;padding:70px clamp(22px,8vw,132px)}.hero-copy{max-width:560px;position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;color:var(--green2);margin:0 0 14px}.hero h1{font-size:clamp(46px,5.2vw,78px);line-height:1.08;letter-spacing:-.055em;margin:0 0 24px;font-weight:760}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.7;color:#59635c}.hero-actions{display:flex;gap:10px;margin-top:34px}.primary,.secondary{padding:15px 22px;text-decoration:none;font-size:14px;border:1px solid var(--green)}.primary{background:var(--green);color:#fff}.secondary{color:var(--green);background:rgba(255,255,255,.4)}.hero-pager{position:absolute;left:clamp(22px,8vw,132px);bottom:34px;display:flex;align-items:center;gap:10px;font-size:12px}.hero-pager span{display:block;width:70px;height:1px;background:#839087}.hero-pager small{color:var(--muted)}
.category-section,.product-section,.new-section{padding:90px clamp(22px,6vw,100px)}.category-section{background:var(--white)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:38px}.section-heading h2,.easy-pay h2,.brand-story h2{font-size:clamp(34px,4vw,58px);line-height:1.12;letter-spacing:-.05em;margin:0}.section-heading>div>p:last-child{color:var(--muted);margin:15px 0 0}.section-heading>a,.story-copy>a{font-size:14px;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}.category-scroll{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category-card{border:1px solid var(--line);background:var(--paper);text-align:left;padding:24px;cursor:pointer;min-height:210px;transition:.2s}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.category-card strong,.category-card small{display:block}.category-card strong{font-size:20px;margin-top:25px}.category-card small{color:var(--muted);margin-top:8px}.category-icon{width:62px;height:62px;display:block;background-image:url('/assets/cono-products-v1.png');background-size:400% 200%;border-radius:50%}.category-icon.basket{background-position:0 0}.category-icon.pot{background-position:33.333% 0}.category-icon.towel{background-position:66.666% 0}.category-icon.bottle{background-position:100% 0}
.product-section{background:var(--paper)}.product-tabs{display:flex;gap:7px}.product-tabs button{border:1px solid #bfc4bd;background:transparent;border-radius:999px;padding:9px 15px;color:var(--muted);cursor:pointer}.product-tabs button.active{background:var(--green);border-color:var(--green);color:white}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px 16px}.product-card{min-width:0}.product-image{position:relative;aspect-ratio:1/1.08;background-image:url('/assets/cono-products-v1.png');background-size:400% 200%;overflow:hidden}.sprite-0{background-position:0 0}.sprite-1{background-position:33.333% 0}.sprite-2{background-position:66.666% 0}.sprite-3{background-position:100% 0}.sprite-4{background-position:0 100%}.sprite-5{background-position:33.333% 100%}.sprite-6{background-position:66.666% 100%}.sprite-7{background-position:100% 100%}.product-badge{position:absolute;left:12px;top:12px;background:rgba(255,253,250,.93);padding:6px 9px;font-size:11px}.quick-add{position:absolute;right:12px;bottom:12px;width:42px;height:42px;border:0;border-radius:50%;background:var(--green);color:#fff;font-size:22px;cursor:pointer;box-shadow:0 8px 20px #173d2b33}.product-card h3{font-size:16px;margin:15px 0 7px}.product-meta{font-size:12px;color:var(--muted);margin:0 0 11px}.product-price{display:flex;gap:8px;align-items:baseline}.product-price strong{font-size:17px}.product-price s{font-size:12px;color:#a0a39f}
.easy-pay{margin:20px clamp(22px,6vw,100px) 90px;background:var(--green);color:#fff;padding:clamp(38px,6vw,82px);display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.easy-pay .eyebrow{color:#cfe3d2}.easy-pay>div>p:last-child{color:#cbd6cf;line-height:1.7}.pay-preview{background:var(--white);color:var(--ink);padding:24px;box-shadow:0 30px 70px #0a2a1b44}.pay-total{display:flex;justify-content:space-between;align-items:center;padding:0 0 18px}.pay-total strong{font-size:25px}.pay-button{width:100%;border:0;padding:15px;margin-top:9px;font-weight:800;cursor:not-allowed;opacity:1}.pay-button.naver{background:#03c75a;color:white}.pay-button.kakao{background:#fee500}.pay-button.toss{background:#3075f3;color:white}.pay-preview small{display:block;color:var(--muted);text-align:center;margin-top:14px}
.new-section{background:var(--white)}.editorial-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:16px}.editorial-card{margin:0}.editorial-card .sprite{aspect-ratio:1/1.1;background-image:url('/assets/cono-products-v1.png');background-size:400% 200%}.editorial-card.large .sprite{aspect-ratio:1.22/1}.editorial-card p{font-size:12px;color:var(--muted);margin:15px 0 5px}.editorial-card h3{font-size:20px;margin:0}.brand-story{padding:110px clamp(22px,8vw,132px);display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.story-copy>p:not(.eyebrow){color:var(--muted);line-height:1.8;max-width:600px}.story-copy>a{display:inline-block;margin-top:24px}.story-values>div{display:grid;grid-template-columns:50px 150px 1fr;gap:20px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line)}.story-values b{font-family:Georgia,serif;color:var(--coral);font-weight:400}.story-values span{color:var(--muted);font-size:14px}
.site-footer{background:#132019;color:#fff;padding:55px clamp(22px,6vw,100px);display:grid;grid-template-columns:1fr auto;gap:25px}.footer-logo{color:#fff}.site-footer p{color:#aeb9b2;font-size:13px}.footer-links{display:flex;gap:18px}.footer-links a{color:#fff}.footer-note{grid-column:1/-1;border-top:1px solid #ffffff22;padding-top:22px}.bottom-nav{display:none}.cart-panel{position:fixed;right:0;top:0;width:min(440px,100%);height:100dvh;background:var(--white);z-index:50;padding:30px;transform:translateX(105%);transition:.25s;box-shadow:-20px 0 60px #0002;display:flex;flex-direction:column}.cart-panel.open{transform:none}.cart-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px}.cart-head h2{margin:0;font-size:32px}.cart-items{overflow:auto;flex:1}.cart-item{display:grid;grid-template-columns:58px 1fr auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.cart-thumb{width:58px;height:65px;background-image:url('/assets/cono-products-v1.png');background-size:400% 200%}.cart-item div strong,.cart-item div small{display:block}.cart-item div small{color:var(--muted);margin-top:5px}.cart-remove{border:0;background:transparent;font-size:20px;cursor:pointer}.cart-empty{text-align:center;color:var(--muted);padding:80px 0}.cart-total{display:flex;justify-content:space-between;padding:20px 0}.cart-total strong{font-size:22px}.checkout{border:0;background:var(--green);color:#fff;padding:16px;cursor:pointer}.cart-note{text-align:center;color:var(--muted);font-size:11px;line-height:1.5}.scrim{position:fixed;inset:0;background:#0006;z-index:40;opacity:0;pointer-events:none;transition:.2s}.scrim.open{opacity:1;pointer-events:auto}.search-dialog{border:0;padding:0;width:min(680px,calc(100% - 32px));background:var(--white);box-shadow:var(--shadow)}.search-dialog::backdrop{background:#101712aa}.search-dialog form{padding:28px}.search-dialog-head{display:flex;justify-content:space-between;align-items:center}.search-dialog-head strong{font-size:25px}.search-dialog label{display:flex;align-items:center;gap:15px;border-bottom:2px solid var(--ink);padding:18px 5px}.search-dialog input{border:0;outline:0;background:transparent;font-size:20px;width:100%}.search-results{padding-top:12px}.search-result{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);font-size:14px}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,30px);background:var(--ink);color:white;padding:13px 18px;z-index:70;opacity:0;pointer-events:none;transition:.22s;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1050px){.desktop-nav{gap:16px}.desktop-nav a:nth-last-child(-n+2){display:none}.product-grid{grid-template-columns:repeat(3,1fr)}.category-scroll{grid-template-columns:repeat(2,1fr)}.brand-story{gap:50px}}
@media(max-width:760px){html{scroll-padding-top:90px}.prototype-notice{font-size:10px}.site-header{height:63px;padding:0 15px;gap:12px}.menu-button{display:flex;flex-direction:column;justify-content:center;gap:4px}.menu-button span{width:20px;height:1.5px;background:var(--ink)}.logo{font-size:26px}.desktop-nav,.account-action{display:none}.header-actions{margin-left:auto}.cart-button{font-size:0}.cart-button span{font-size:11px}.hero{min-height:650px;align-items:flex-start;padding:58px 22px 30px;background:linear-gradient(180deg,rgba(247,244,237,.98) 0%,rgba(247,244,237,.82) 38%,rgba(247,244,237,.06) 68%),url('/assets/cono-hero-v1.png') 64% center/cover no-repeat}.hero-copy{max-width:430px}.hero h1{font-size:48px}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:330px}.hero-actions{margin-top:25px}.hero-pager{left:22px}.category-section,.product-section,.new-section{padding:65px 18px}.section-heading{align-items:flex-start;flex-direction:column;margin-bottom:28px}.section-heading.compact{flex-direction:row;align-items:flex-end}.section-heading h2,.easy-pay h2,.brand-story h2{font-size:36px}.section-heading.compact>a{font-size:12px}.category-scroll{display:flex;overflow-x:auto;gap:10px;padding-bottom:8px;scroll-snap-type:x mandatory}.category-card{flex:0 0 72%;min-height:185px;scroll-snap-align:start}.product-tabs{width:100%;overflow-x:auto}.product-tabs button{white-space:nowrap}.product-grid{grid-template-columns:repeat(2,1fr);gap:28px 10px}.product-image{aspect-ratio:1/1.18}.product-card h3{font-size:14px}.product-meta{font-size:11px}.product-price strong{font-size:15px}.easy-pay{margin:0 18px 65px;padding:40px 22px;grid-template-columns:1fr;gap:30px}.editorial-grid{grid-template-columns:1fr 1fr}.editorial-card.large{grid-column:1/-1}.brand-story{padding:70px 22px 100px;grid-template-columns:1fr;gap:40px}.story-values>div{grid-template-columns:40px 1fr}.story-values span{grid-column:2}.site-footer{padding-bottom:100px;grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.bottom-nav{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);left:0;right:0;bottom:0;z-index:25;background:rgba(255,253,250,.97);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px 5px max(8px,env(safe-area-inset-bottom))}.bottom-nav a,.bottom-nav button{border:0;background:none;color:var(--muted);text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px}.bottom-nav span{font-size:21px;height:23px}.bottom-nav .active{color:var(--green);font-weight:800}.toast{bottom:82px}.cart-panel{padding:24px 20px 90px}}
@media(max-width:390px){.hero h1{font-size:42px}.hero-actions{flex-direction:column;align-items:flex-start}.secondary{display:none}.category-card{flex-basis:82%}.quick-add{width:36px;height:36px}.section-heading h2,.easy-pay h2,.brand-story h2{font-size:32px}}