@charset "UTF-8";
:root{--ink:#241c18;--sub:#625953;--line:#e9e2db;--cream:#faf8f5;--gold:#a8784b;--orange:#de4e1f;--orange-dark:#ba3310;--surface:#fff;--max:1200px;--shadow:0 15px 46px rgba(44,27,17,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--surface);color:var(--ink);font-family:Pretendard,"Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;font-size:16px;line-height:1.65;letter-spacing:-.015em}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #ef854d;outline-offset:3px}.container{max-width:var(--max);margin:0 auto;padding-left:28px;padding-right:28px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.24em;color:var(--gold)}h1,h2,h3,h4,p{margin:0}h1,h2,.display{font-weight:600;letter-spacing:-.065em;line-height:1.22}h2{font-size:clamp(28px,3.8vw,48px)}.small{font-size:14px;color:var(--sub)}.muted{color:var(--sub)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:14px 23px;min-height:48px;border-radius:3px;border:1px solid var(--ink);background:var(--ink);color:white;font-size:14px;font-weight:700;transition:background .2s,transform .2s,border-color .2s;white-space:nowrap}.btn:hover{transform:translateY(-2px);background:#4b3326}.btn-light{background:#fff;color:#3c2519;border-color:#fff}.btn-light:hover{background:#fff8f2}.btn-outline{background:transparent;color:var(--ink);border-color:#b9a38f}.btn-outline:hover{background:#f5ede7}.btn-outline-white{background:transparent;color:white;border-color:rgba(255,255,255,.7)}.btn-outline-white:hover{background:rgba(255,255,255,.13)}.btn-kakao{background:#fee500;color:#2d2411;border-color:#fee500}.btn-kakao:hover{background:#f0d600}.arrow{font-size:19px;line-height:1}.site-header{position:sticky;z-index:100;top:0;background:rgba(255,255,255,.98);border-bottom:1px solid rgba(53,29,14,.08);backdrop-filter:blur(12px)}.header-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand-lockup{display:flex;align-items:center;gap:14px;min-width:0}.brand-name{font-size:26px;font-weight:800;line-height:1.1;letter-spacing:-.055em;white-space:nowrap}.brand-tagline{font-size:12px;color:#8a7d72;border-left:1px solid #c8b6a6;padding-left:14px;white-space:nowrap}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.desktop-nav a{font-size:12px;font-weight:800;letter-spacing:.07em;position:relative}.desktop-nav a:hover{color:var(--orange)}.header-contact{font-size:13px;font-weight:800;color:var(--orange);white-space:nowrap}.menu-button{display:none;border:0;background:transparent;color:var(--ink);font-size:27px;line-height:1}.mobile-menu{display:none}.hero{background:linear-gradient(120deg,#a92105 0%,#dd4316 42%,#f36927 100%);color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);min-height:570px;max-width:1600px;margin:auto}.hero-text{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:60px 20px 68px max(28px,calc((100vw - var(--max))/2 + 28px))}.hero .eyebrow{color:#ffe9d7}.hero h1{font-size:clamp(46px,5.6vw,78px);margin:18px 0 24px;font-weight:650;line-height:1.17}.hero p{font-size:17px;max-width:420px;color:#ffebdf;line-height:1.9}.hero-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:36px}.hero-image{position:relative;min-height:540px}.hero-image img{height:100%;width:100%;object-fit:cover;object-position:center 53%;position:absolute;inset:0;mask-image:linear-gradient(to right,transparent 0%,#000 8%,#000 100%)}.hero-indicator{display:flex;gap:12px;margin-top:52px;align-items:center;font-size:12px;font-weight:700;opacity:.85}.hero-indicator:before{content:"";display:inline-block;width:42px;height:1px;background:#fff}.quick-values{background:#fffcf9;border-bottom:1px solid var(--line)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);padding-top:26px;padding-bottom:26px;gap:20px}.value{display:flex;align-items:center;gap:18px;min-height:65px}.value +.value{padding-left:26px;border-left:1px solid #e8d9cc}.value-icon{font-size:28px;color:var(--gold);flex:0 0 58px;width:58px;height:58px;display:grid;place-items:center;border:1px solid #d7bba3;border-radius:50%;font-family:Georgia,serif}.value strong{display:block;font-size:17px}.value p{font-size:13px;color:var(--sub);margin-top:2px}.section{padding:95px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:30px}.section-heading h2{margin-top:10px}.section-heading p{margin-top:9px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-top:26px;margin-bottom:28px}.filter-btn{background:white;border:1px solid #d9d2cd;border-radius:100px;padding:8px 18px;color:#4c423d;font-size:13px;font-weight:700}.filter-btn.active,.filter-btn:hover{background:#2b211c;color:white;border-color:#2b211c}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.product-card{min-width:0}.product-photo{aspect-ratio:4/4.45;background:#f3eee8;overflow:hidden;position:relative}.product-photo img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .45s}.product-card:hover .product-photo img{transform:scale(1.045)}.product-photo::after{content:"상세 보기 ↗";position:absolute;right:12px;bottom:12px;padding:7px 10px;background:rgba(255,255,255,.94);font-size:11px;font-weight:800;border-radius:2px;opacity:0;transform:translateY(6px);transition:.2s}.product-card:hover .product-photo:after{opacity:1;transform:translateY(0)}.product-info{padding:14px 1px 8px}.product-info .brand{font-size:11px;color:var(--gold);font-weight:800;margin-bottom:4px}.product-info h3{font-size:17px;font-weight:800;line-height:1.4}.product-info p{font-size:13px;color:var(--sub);line-height:1.55;margin-top:7px}.more-row{margin-top:40px;text-align:center}.story{background:#f8f3ed}.story-grid{display:grid;grid-template-columns:1fr 1fr;min-height:430px;align-items:stretch;gap:0}.story-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:72px clamp(30px,5vw,90px)}.story-copy h2{margin:16px 0 26px}.story-copy p{max-width:450px;font-size:16px;line-height:1.95;color:var(--sub)}.story-copy .btn{margin-top:30px}.story-visual{height:100%;min-height:450px;position:relative;overflow:hidden}.story-visual img{width:100%;height:100%;object-fit:cover;object-position:center 24%;position:absolute;inset:0}.image-credit-note{font-size:12px;color:#7a6c64;margin-top:20px}.contact-section{padding:85px 0 100px}.contact-panel{background:#25201d;color:white;padding:45px clamp(24px,5vw,64px);display:flex;justify-content:space-between;align-items:center;gap:22px}.contact-panel .eyebrow{color:#d5aa8a}.contact-panel h2{font-size:clamp(28px,3.5vw,42px);margin:10px 0}.contact-panel p{font-size:15px;color:#cfc5bd}.contact-actions{display:flex;gap:10px;flex-wrap:wrap}.footer{padding:34px 0 25px;background:#f8f5f1;border-top:1px solid var(--line)}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:28px}.footer .brand-name{font-size:23px}.footer-links{display:flex;flex-wrap:wrap;gap:20px;font-size:12px;font-weight:700}.footer-links a:hover{color:var(--orange)}.copyright{font-size:12px;color:#80756e;padding-top:25px;margin-top:22px;border-top:1px solid #e8dfd7}.copyright span{display:block;line-height:1.8}.floating-contact{position:fixed;right:20px;bottom:22px;z-index:99;display:flex;flex-direction:column;gap:8px}.floating-contact a,.floating-contact button{width:54px;height:54px;border-radius:50%;border:1px solid #e6d0b8;background:white;box-shadow:var(--shadow);display:grid;place-items:center;font-size:20px;color:#38271a}.floating-contact button{background:#fee500;color:#322612;border-color:#fee500}.floating-contact a:hover,.floating-contact button:hover{transform:translateY(-2px)}.modal-overlay{position:fixed;inset:0;background:rgba(30,21,15,.58);z-index:300;display:none;align-items:center;justify-content:center;padding:20px}.modal-overlay.open{display:flex}.modal{max-width:470px;width:100%;background:white;padding:32px;border-radius:10px;box-shadow:0 30px 100px rgba(0,0,0,.25);position:relative}.modal h2{font-size:26px;margin:8px 0 12px}.modal p{font-size:15px;color:var(--sub);line-height:1.7}.modal .channel-name{padding:13px 17px;margin:20px 0;background:#fff9dc;border-radius:4px;font-size:20px;font-weight:800}.modal-actions{display:flex;flex-wrap:wrap;gap:8px}.modal-x{position:absolute;right:12px;top:9px;border:none;background:none;font-size:26px;color:#6e645c}.breadcrumb{padding:25px 0 28px;font-size:13px;color:#776a62}.breadcrumb a{text-decoration:underline;text-underline-offset:3px}.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.83fr);gap:clamp(30px,6vw,90px);padding-bottom:100px}.detail-main-image{background:#f6f3ed;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}.detail-main-image img{height:100%;width:100%;object-fit:contain}.detail-thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto}.detail-thumb{height:95px;width:90px;flex:0 0 90px;padding:0;border:2px solid transparent;background:#f5f0eb}.detail-thumb.selected{border-color:#c67e50}.detail-thumb img{width:100%;height:100%;object-fit:cover}.detail-copy{padding-top:18px}.detail-copy .eyebrow{margin-bottom:13px}.detail-copy h1{font-size:clamp(29px,4vw,49px)}.detail-sub{font-size:18px;color:#77675e;margin:18px 0 29px}.detail-description{border-top:1px solid #e8e0da;padding-top:26px;font-size:15px;color:#4d4540;line-height:1.95}.detail-features{margin:29px 0 25px;padding:20px 22px;background:#faf7f3}.detail-features h3{font-size:15px;margin-bottom:8px}.detail-features ul{margin:0;padding-left:18px;color:#6e5d53;font-size:14px}.detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.detail-note{font-size:12px;color:#8a7d75;margin-top:15px;line-height:1.7}.related{border-top:1px solid #e8e0d8;padding:55px 0 90px}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.related h2{font-size:30px;margin-bottom:25px}.detail-placeholder{background:#f4eee8;display:grid;place-items:center;color:#6a5e54;min-height:360px}
@media(max-width:1080px){.desktop-nav{gap:18px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.story-copy{padding:50px 34px}.hero-inner{min-height:530px}.hero-text{padding-left:38px}.header-contact{display:none}}
@media(max-width:740px){.container{padding-left:18px;padding-right:18px}.header-inner{height:64px}.brand-name{font-size:24px}.brand-tagline{font-size:11px}.desktop-nav{display:none}.menu-button{display:block}.mobile-menu{position:absolute;top:64px;left:0;right:0;background:#fff;box-shadow:0 15px 25px rgba(0,0,0,.08);border-top:1px solid #eee;padding:12px 18px 20px;display:none}.mobile-menu.open{display:flex;flex-direction:column}.mobile-menu a{font-size:15px;padding:11px 8px;border-bottom:1px solid #eee}.hero-inner{display:flex;flex-direction:column}.hero-text{padding:52px 22px 36px}.hero h1{font-size:clamp(46px,11vw,62px);margin-bottom:16px}.hero p{font-size:15px;line-height:1.85}.hero-buttons{margin-top:26px}.hero-indicator{display:none}.hero-image{height:350px;min-height:350px}.hero-image img{mask-image:none;object-position:center 44%}.values-grid{grid-template-columns:1fr;gap:10px;padding-top:18px;padding-bottom:18px}.value{min-height:64px}.value +.value{border-left:none;border-top:1px solid #eee4dc;padding-left:0;padding-top:12px}.value-icon{width:48px;height:48px;flex-basis:48px;font-size:25px}.section{padding:60px 0}.section-heading{align-items:start;flex-direction:column;gap:18px;margin-bottom:20px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.product-info h3{font-size:15px}.product-info p{font-size:12px}.product-photo{aspect-ratio:3/3.7}.filters{gap:6px}.filter-btn{padding:8px 14px}.story-grid{grid-template-columns:1fr}.story-copy{padding:55px 24px}.story-visual{min-height:460px}.contact-section{padding:60px 0}.contact-panel{display:block;padding:35px 24px}.contact-actions{margin-top:23px}.footer-row{align-items:flex-start;flex-direction:column}.footer-links{gap:15px}.floating-contact{right:12px;bottom:12px}.floating-contact a,.floating-contact button{width:48px;height:48px}.detail-layout{grid-template-columns:1fr;gap:22px;padding-bottom:60px}.detail-copy{padding-top:0}.related-grid{grid-template-columns:repeat(2,1fr);gap:15px}.detail-main-image{aspect-ratio:1/1.08}}
@media(max-width:385px){.brand-tagline{display:none}.hero-image{height:300px;min-height:300px}.btn{font-size:13px;padding:11px 14px}.product-grid{gap:13px 10px}.story-visual{min-height:350px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}