{"product_id":"피에르-지라르댕-뫼르소-레-그랑-샤롱-2023","title":"피에르 지라르댕 뫼르소 레 그랑 샤롱 2023","description":"\u003cbody\u003e\n\n\n    \n    \u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n    \u003ctitle\u003e럭셔리 분석 리포트: 2023 피에르 지라르댕 뫼르소 레 그랑 샤롱\u003c\/title\u003e\n\n    \u003c!-- \u0026#49828;\u0026#53440;\u0026#51068;: Tailwind CSS --\u003e\n    \u003cscript src=\"https:\/\/cdn.tailwindcss.com\"\u003e\u003c\/script\u003e\n\n    \u003c!-- \u0026#50500;\u0026#51060;\u0026#53080;: Font Awesome --\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\"\u003e\n\n    \u003c!-- \u0026#54532;\u0026#47532;\u0026#48120;\u0026#50628; \u0026#49328;\u0026#49464;\u0026#47532;\u0026#54532; \u0026#54256;\u0026#53944;: Pretendard (Apple SD Gothic Neo \u0026#49828;\u0026#53440;\u0026#51068;) --\u003e\n    \u003clink rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/gh\/orioncactus\/pretendard@v1.3.9\/dist\/web\/static\/pretendard.min.css\"\u003e\n\n    \u003c!-- \u0026#50528;\u0026#45768;\u0026#47700;\u0026#51060;\u0026#49496;: GSAP --\u003e\n    \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"\u003e\u003c\/script\u003e\n    \u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"\u003e\u003c\/script\u003e\n\n    \u003cstyle\u003e\n        :root {\n            --bg-light: #FFFFFF; \n            --bg-card: rgba(255, 255, 255, 0.98);\n            --border-card: rgba(0, 0, 0, 0.05); \n            --accent-pvg: #1D1D1F; \/* \u0026#54588;\u0026#50640;\u0026#47476; \u0026#51648;\u0026#46972;\u0026#47476;\u0026#45845;\u0026#51032; \u0026#48120;\u0026#45768;\u0026#47680; \u0026#48660;\u0026#47001; *\/\n            --accent-gold: #E5E1D8; \/* \u0026#47868;\u0026#47476;\u0026#49548;\u0026#51032; \u0026#51008;\u0026#51008;\u0026#54620; \u0026#44264;\u0026#46300; \u0026#55180;\u0026#53944; *\/\n            --accent-highlight: #FBFBFB; \n            --text-main: #1D1D1F;\n            --text-gray: #86868B;\n        }\n\n        body {\n            background-color: var(--bg-light);\n            color: var(--text-main);\n            \/* Apple \u0026#49884;\u0026#49828;\u0026#53596; \u0026#54256;\u0026#53944; \u0026#49828;\u0026#53469; \u0026#51201;\u0026#50857; *\/\n            font-family: -apple-system, BlinkMacSystemFont, \"Apple SD Gothic Neo\", \"Pretendard\", \"Helvetica Neue\", sans-serif;\n            overflow-x: hidden;\n            word-break: keep-all;\n            -webkit-font-smoothing: antialiased;\n            letter-spacing: -0.01em;\n        }\n\n        h1, h2, h3 { \n            font-weight: 700;\n            letter-spacing: -0.03em;\n        }\n\n        .aura-gradient {\n            background:\n                radial-gradient(circle at top right, rgba(229, 225, 216, 0.25) 0%, transparent 50%),\n                radial-gradient(circle at bottom left, rgba(0, 0, 0, 0.02) 0%, transparent 50%),\n                linear-gradient(to bottom, #ffffff 0%, #FAFAFA 100%);\n            position: fixed;\n            top: 0; left: 0; width: 100%; height: 100%;\n            z-index: -1;\n        }\n\n        .glass-card {\n            background: var(--bg-card);\n            backdrop-filter: blur(20px);\n            border: 1px solid var(--border-card);\n            border-radius: 20px;\n            transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1);\n        }\n\n        @media (min-width: 768px) {\n            .glass-card { border-radius: 24px; }\n        }\n\n        .glass-card:hover {\n            transform: translateY(-5px);\n            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.03);\n        }\n\n        .info-box {\n            border-left: 1px solid var(--accent-pvg);\n            padding-left: 1.5rem;\n        }\n\n        .prestige-tag {\n            background: var(--accent-pvg);\n            color: white;\n            padding: 4px 12px;\n            border-radius: 2px;\n            font-size: 0.65rem;\n            font-weight: 700;\n            letter-spacing: 0.1em;\n            display: inline-block;\n            text-transform: uppercase;\n        }\n\n        .dynamic-main-title {\n            font-size: clamp(2rem, 6.5vw, 7.5rem);\n            line-height: 1.0;\n            font-weight: 800;\n            letter-spacing: -0.04em;\n        }\n\n        .price-highlight {\n            color: var(--accent-pvg);\n            font-weight: 700;\n        }\n\n        .text-apple-gray {\n            color: var(--text-gray);\n        }\n\n        .minimal-line {\n            width: 40px;\n            height: 1px;\n            background-color: var(--accent-pvg);\n            margin: 20px auto;\n        }\n    \u003c\/style\u003e\n\n\n\n\n    \u003cdiv class=\"aura-gradient\"\u003e\u003c\/div\u003e\n\n    \u003c!-- \u0026#45348;\u0026#48708;\u0026#44172;\u0026#51060;\u0026#49496; (Navigation) --\u003e\n    \u003cnav class=\"fixed top-0 w-full z-50 px-6 md:px-12 py-4 md:py-6 flex justify-between items-center bg-white\/80 backdrop-blur-xl border-b border-gray-50 shadow-sm\"\u003e\n        \u003cdiv class=\"text-sm md:text-base font-black tracking-tighter uppercase\"\u003ePierre Girardin\u003c\/div\u003e\n        \u003cbutton onclick=\"window.scrollTo({top: 0, behavior: 'smooth'})\" class=\"flex-shrink-0 px-5 py-1.5 bg-zinc-900 text-white rounded-full text-[11px] font-bold hover:bg-zinc-800 transition-all\"\u003e\n            Top\n        \u003c\/button\u003e\n    \u003c\/nav\u003e\n\n    \u003c!-- \u0026#55176;\u0026#50612;\u0026#47196; \u0026#49465;\u0026#49496; (Hero Section) --\u003e\n    \u003cheader class=\"relative min-h-screen flex flex-col justify-center items-center text-center px-4 md:px-6 pt-32 pb-16 overflow-hidden\"\u003e\n        \u003cdiv class=\"gsap-hero opacity-0 translate-y-10 mb-8 flex flex-wrap justify-center gap-3 items-center\"\u003e\n            \u003cspan class=\"prestige-tag shadow-sm\"\u003eMeursault Village\u003c\/span\u003e\n            \u003cspan class=\"px-4 py-1.5 rounded-full bg-zinc-100 text-zinc-800 text-[10px] font-bold tracking-tight uppercase\"\u003eLes Grands Charrons 2023\u003c\/span\u003e\n        \u003c\/div\u003e\n\n        \u003ch2 class=\"gsap-hero opacity-0 translate-y-10 text-4xl md:text-7xl font-extrabold text-zinc-900 mb-6 tracking-tighter\"\u003e\n            피에르 지라르댕, 뫼르소 레 그랑 샤롱 2023\n        \u003c\/h2\u003e\n\n        \u003ch3 class=\"gsap-hero opacity-0 translate-y-10 text-[11px] md:text-sm font-bold text-apple-gray mb-12 tracking-[0.2em] uppercase\"\u003e\n            THE RADIANT PURITY OF MEURSAULT'S FINEST PLOTS\n        \u003c\/h3\u003e\n\n        \u003ch1 class=\"gsap-hero opacity-0 translate-y-10 dynamic-main-title mb-16 md:mb-24 text-zinc-950 text-center uppercase\"\u003e\n            MEURSAULT\u003cbr\u003e\n            \u003cspan class=\"text-transparent bg-clip-text bg-gradient-to-b from-zinc-400 via-zinc-800 to-black\"\u003eGRANDS CHARRONS\u003c\/span\u003e\n        \u003c\/h1\u003e\n\n        \u003c!-- \u0026#44592;\u0026#49696;\u0026#51201; \u0026#50836;\u0026#50557; \u0026#44536;\u0026#47532;\u0026#46300; (Technical Summary) --\u003e\n        \u003cdiv class=\"gsap-hero opacity-0 scale-95 w-full max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-3 gap-6 md:gap-8 text-left px-4\"\u003e\n            \u003cdiv class=\"glass-card p-8 md:p-10 info-box\"\u003e\n                \u003cspan class=\"text-[10px] font-bold text-zinc-400 mb-2 block uppercase tracking-wider\"\u003eThe Terroir\u003c\/span\u003e\n                \u003ch3 class=\"text-2xl text-zinc-900 mb-2 font-bold uppercase tracking-tight\"\u003eMeursault Highs\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-apple-gray leading-relaxed font-medium\"\u003e뫼르소 마을 북쪽, 높은 고지대의 시원한 기운이 선사하는 정교한 산미\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card p-8 md:p-10 info-box bg-zinc-900 border-none shadow-xl\"\u003e\n                \u003cspan class=\"text-[10px] font-bold text-zinc-400 mb-2 block uppercase tracking-wider\"\u003eInvestment Value\u003c\/span\u003e\n                \u003ch3 class=\"text-4xl text-white font-bold tracking-tight\"\u003e€130.00\u003c\/h3\u003e\n                \u003cp class=\"text-[10px] text-zinc-500 font-bold mt-2 uppercase tracking-widest\"\u003eGlobal Icon Rising Selection\u003c\/p\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"glass-card p-8 md:p-10 info-box\"\u003e\n                \u003cspan class=\"text-[10px] font-bold text-zinc-400 mb-2 block uppercase tracking-wider\"\u003eProducer Generation\u003c\/span\u003e\n                \u003ch3 class=\"text-2xl text-zinc-900 mb-2 font-bold uppercase tracking-tight\"\u003ePierre-Vincent\u003c\/h3\u003e\n                \u003cp class=\"text-sm text-apple-gray leading-relaxed font-medium\"\u003e부르고뉴의 미래를 짊어진 PVG의 초정밀 양조 기술\u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n    \u003c\/header\u003e\n\n    \u003cmain class=\"max-w-6xl mx-auto px-6 md:px-12 space-y-32 md:space-y-48 pb-48\"\u003e\n\n        \u003c!-- \u0026#46020;\u0026#51077;\u0026#48512; \u0026#44396;\u0026#51208; (Introduction) --\u003e\n        \u003cdiv class=\"flex justify-center gsap-fade-up px-2 text-center\"\u003e\n            \u003cdiv class=\"max-w-3xl\"\u003e\n                \u003cp class=\"text-2xl md:text-3xl font-bold text-zinc-900 tracking-tight leading-tight mb-6\"\u003e\n                    \"뫼르소의 풍요로움 위에 깎아낸, PVG의 날카로운 직선.\"\n                \u003c\/p\u003e\n                \u003cp class=\"text-zinc-500 text-lg md:text-xl font-medium leading-relaxed\"\u003e\n                    2023년 뫼르소 '레 그랑 샤롱(Les Grands Charrons)'은 뫼르소 특유의 화사한 핵과류와 구운 견과류의 풍미 위에, 피에르 지라르댕만의 면도날처럼 날카로운 텐션이 결합된 걸작입니다. 과거의 무거운 뫼르소에서 탈피한, 가장 현대적이고 투명한 해석입니다.\n                \u003c\/p\u003e\n            \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- \u0026#49345;\u0026#49464; \u0026#49444;\u0026#47749; \u0026#49465;\u0026#49496; (Description) --\u003e\n        \u003csection class=\"gsap-fade-up\"\u003e\n            \u003cdiv class=\"glass-card p-10 md:p-20 flex flex-col justify-center border-gray-50 shadow-sm bg-white\"\u003e\n                \u003cdiv class=\"mb-10 text-center\"\u003e\n                    \u003cspan class=\"text-[10px] text-zinc-400 font-bold tracking-[0.4em] uppercase\"\u003eThe Art of Modern Meursault\u003c\/span\u003e\n                \u003c\/div\u003e\n                \u003ch2 class=\"text-4xl md:text-6xl text-zinc-900 text-center font-extrabold tracking-tighter mb-16\"\u003e피에르 지라르댕: 뫼르소의 재정의\u003c\/h2\u003e\n                \u003cdiv class=\"grid grid-cols-1 lg:grid-cols-2 gap-12 md:gap-20 text-zinc-600 leading-relaxed text-base md:text-lg font-medium\"\u003e\n                    \u003cdiv class=\"space-y-8 border-l border-zinc-200 pl-8\"\u003e\n                        \u003cp\u003e\n                            \u003cstrong class=\"text-zinc-900 font-bold\"\u003e피에르 지라르댕(Pierre Girardin)\u003c\/strong\u003e은 뫼르소와 샤샤뉴 몽라셰를 넘나들며 각 마을의 정체성을 극도로 투명하게 드러냅니다. 특히 뫼르소에서 그는 자칫 과할 수 있는 풍요로움을 정교한 산미로 통제하여 '에너제틱한 뫼르소'를 창조합니다.\n                        \u003c\/p\u003e\n                        \u003cp\u003e\n                            \u003cstrong\u003e'레 그랑 샤롱(Les Grands Charrons)'\u003c\/strong\u003e은 뫼르소 마을 북쪽, 뫼르소 '레 슈발리에'와 인접한 고지대 필지입니다. 이곳의 척박한 석회암 토양은 와인에 수직적인 미네랄리티를 부여하며, 피에르의 손길을 거쳐 더욱 빛을 발합니다.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"space-y-8 bg-zinc-50 p-8 rounded-3xl\"\u003e\n                        \u003cp\u003e\n                            2023 빈티지는 과실의 당도와 산미의 밸런스가 매우 뛰어난 해입니다. 피에르는 대형 600L 오크통 사용을 통해 산소 접촉을 세밀하게 조절하여, 뫼르소의 버터리한 뉘앙스를 세련된 실크 텍스처로 승화시켰습니다.\n                        \u003c\/p\u003e\n                        \u003cp\u003e\n                            \u003cspan class=\"price-highlight text-3xl font-bold tracking-tight\"\u003e€130.00\u003c\/span\u003e이라는 제안가는 부르고뉴에서 가장 가파르게 가격이 상승하고 있는 피에르 지라르댕의 시그니처 빌라쥬 뀌베를 소장하기 위한 현명한 선택입니다.\n                        \u003c\/p\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- \u0026#53580;\u0026#51060;\u0026#49828;\u0026#54021; \u0026#52852;\u0026#46300; (Tasting Note) --\u003e\n        \u003csection class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 md:gap-24 items-center px-4\"\u003e\n            \u003cdiv class=\"gsap-fade-right\"\u003e\n                \u003ch2 class=\"text-4xl md:text-6xl mb-12 text-zinc-950 font-extrabold tracking-tighter\"\u003eTasting Portfolio\u003c\/h2\u003e\n                \u003cdiv class=\"space-y-12 md:space-y-16\"\u003e\n                    \u003cdiv class=\"flex items-start gap-8\"\u003e\n                        \u003cdiv class=\"w-14 h-14 bg-zinc-900 rounded-2xl flex-shrink-0 flex items-center justify-center text-white shadow-lg\"\u003e\n                            \u003ci class=\"fas fa-sun text-xl\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 class=\"text-xl font-bold text-zinc-900 mb-3 tracking-tight\"\u003e화사한 레몬과 구운 헤이즐넛\u003c\/h4\u003e\n                            \u003cp class=\"text-sm md:text-base text-zinc-500 font-medium leading-relaxed\"\u003e잔에서 피어오르는 잘 익은 레몬, 백색 복숭아의 향기에 이어 뫼르소의 상징인 구운 헤이즐넛과 아몬드의 고소함이 우아하게 어우러집니다.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv class=\"flex items-start gap-8\"\u003e\n                        \u003cdiv class=\"w-14 h-14 bg-white rounded-2xl flex-shrink-0 flex items-center justify-center text-zinc-800 border border-zinc-200 shadow-sm\"\u003e\n                            \u003ci class=\"fas fa-bolt text-xl\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 class=\"text-xl font-bold text-zinc-900 mb-3 tracking-tight\"\u003e폭발적인 에너지와 실크 피니시\u003c\/h4\u003e\n                            \u003cp class=\"text-sm md:text-base text-zinc-500 font-medium leading-relaxed\"\u003e입안에서는 뫼르소 특유의 풍만한 바디감이 느껴지지만, 곧이어 피에르만의 정교한 산미가 이를 깔끔하게 잡아줍니다. 긴 여운 속에서 느껴지는 짭짤한 미네랄리티가 압권입니다.\u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n\n            \u003c!-- \u0026#44048;\u0026#44033;\u0026#51201; \u0026#51648;\u0026#54364; (Indicators) --\u003e\n            \u003cdiv class=\"glass-card p-12 md:p-16 gsap-fade-left bg-zinc-50\/30\"\u003e\n                \u003cdiv class=\"space-y-12 md:space-y-16\"\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"flex justify-between text-[11px] font-bold text-zinc-400 mb-6 uppercase tracking-widest\"\u003e\n                            \u003cspan\u003eRichness\u003c\/span\u003e\n                            \u003cspan class=\"text-zinc-900\"\u003e미네랄리티 (Minerality)\u003c\/span\u003e\n                            \u003cspan\u003eHigh-Definition\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"h-1 bg-zinc-200 rounded-full relative\"\u003e\n                            \u003cdiv class=\"absolute top-1\/2 left-[97%] -translate-y-1\/2 w-4 h-4 bg-zinc-900 rounded-full border-2 border-white shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \u003cdiv\u003e\n                        \u003cdiv class=\"flex justify-between text-[11px] font-bold text-zinc-400 mb-6 uppercase tracking-widest\"\u003e\n                            \u003cspan\u003eVibrant\u003c\/span\u003e\n                            \u003cspan class=\"text-zinc-900\"\u003e정밀도 (Precision)\u003c\/span\u003e\n                            \u003cspan\u003eUltra-Crystalline\u003c\/span\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv class=\"h-1 bg-zinc-200 rounded-full relative\"\u003e\n                            \u003cdiv class=\"absolute top-1\/2 left-[99%] -translate-y-1\/2 w-4 h-4 bg-zinc-900 rounded-full border-2 border-white shadow-md\"\u003e\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n                \u003cdiv class=\"mt-12 p-6 bg-white rounded-2xl border border-gray-100 text-center\"\u003e\n                    \u003cp class=\"text-sm font-bold text-zinc-900 italic\"\u003e\"뫼르소의 전통적인 화려함을 넘어, 차갑게 빛나는 정밀함의 정수.\"\u003c\/p\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n\n        \u003c!-- \u0026#44396;\u0026#47588; \u0026#50504;\u0026#45236; \u0026#49465;\u0026#49496; (Purchase) --\u003e\n        \u003csection id=\"purchase\" class=\"glass-card p-8 md:p-24 border-t-2 border-zinc-900 relative overflow-hidden gsap-fade-up bg-white shadow-2xl\"\u003e\n            \u003cdiv class=\"grid grid-cols-1 lg:grid-cols-2 gap-16 md:gap-24 items-start relative z-10\"\u003e\n                \u003cdiv class=\"space-y-12\"\u003e\n                    \u003cdiv\u003e\n                        \u003ch2 class=\"text-5xl md:text-7xl text-zinc-950 mb-8 font-extrabold tracking-tighter\"\u003ePurchase\u003c\/h2\u003e\n                        \u003cp class=\"text-zinc-900 font-bold text-lg md:text-2xl tracking-tight mb-2 uppercase\"\u003e피에르 지라르댕 뫼르소 2023\u003c\/p\u003e\n                        \u003cp class=\"text-apple-gray font-bold text-[11px] md:text-xs tracking-[0.2em] uppercase mb-12 italic\"\u003eMeursault 'Les Grands Charrons'\u003c\/p\u003e\n                        \n                        \u003c!-- \u0026#44032;\u0026#44201; \u0026#54364;\u0026#49884; --\u003e\n                        \u003cdiv class=\"inline-block bg-zinc-50 px-10 py-10 md:px-14 md:py-12 rounded-3xl border border-gray-100 shadow-sm\"\u003e\n                            \u003cspan class=\"text-[10px] font-bold text-zinc-400 uppercase block mb-4 tracking-widest font-black\"\u003eDirect Selection Price\u003c\/span\u003e\n                            \u003cdiv class=\"text-6xl md:text-8xl font-black text-zinc-900 tracking-tighter\"\u003e€130.00\u003c\/div\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cdiv class=\"p-10 md:p-12 flex items-start gap-8 shadow-lg bg-zinc-900 rounded-3xl text-white\"\u003e\n                        \u003cdiv class=\"w-12 h-12 flex-shrink-0 flex items-center justify-center text-white border border-white\/20 rounded-full\"\u003e\n                            \u003ci class=\"fas fa-truck-fast text-xl\"\u003e\u003c\/i\u003e\n                        \u003c\/div\u003e\n                        \u003cdiv\u003e\n                            \u003ch4 class=\"font-bold text-white text-xs mb-4 tracking-widest uppercase\"\u003eDelivery Note\u003c\/h4\u003e\n                            \u003cp class=\"text-sm md:text-base leading-relaxed text-zinc-300 font-medium\"\u003e\n                                해당 상품은 도멘 현지 셀러 보관 수량으로 주문 접수 후 배송 시작까지 \u003cspan class=\"text-white font-bold border-b border-zinc-500 pb-1\"\u003e약 8주 이상 소요\u003c\/span\u003e됩니다. 최고의 보관 상태와 완벽한 품질을 보장합니다.\n                            \u003c\/p\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                \u003c\/div\u003e\n\n                \u003c!-- \u0026#54872;\u0026#50984; \u0026#45824;\u0026#49884;\u0026#48372;\u0026#46300; (Dashboard) --\u003e\n                \u003cdiv class=\"bg-zinc-950 rounded-[40px] p-12 md:p-16 text-white shadow-2xl relative overflow-hidden mt-8 lg:mt-0\"\u003e\n                    \u003cdiv class=\"flex justify-between items-center mb-12 border-b border-zinc-800 pb-8 relative z-10\"\u003e\n                        \u003clabel class=\"text-[11px] font-bold tracking-widest text-zinc-500 uppercase\"\u003eEstimated KRW\u003c\/label\u003e\n                        \u003cdiv class=\"flex items-center gap-4\"\u003e\n                            \u003cspan class=\"text-[11px] text-zinc-600 font-bold\"\u003eRATE:\u003c\/span\u003e\n                            \u003cinput type=\"number\" id=\"exchangeRate\" value=\"1700.41\" class=\"w-24 md:w-32 bg-transparent border-none text-right text-base md:text-lg text-zinc-300 font-bold focus:outline-none focus:ring-0 p-0\"\u003e\n                        \u003c\/div\u003e\n                    \u003c\/div\u003e\n                    \n                    \u003cdiv class=\"text-center py-12 relative z-10\"\u003e\n                        \u003cp class=\"text-[11px] text-zinc-600 font-bold italic mb-8 tracking-wide\"\u003e※ 관부가세 및 제반 비용은 별도로 발생할 수 있습니다.\u003c\/p\u003e\n                        \u003cdiv class=\"text-[11px] text-zinc-400 font-bold mb-4 tracking-widest uppercase\"\u003eEstimated Final Price\u003c\/div\u003e\n                        \u003cdiv class=\"text-5xl md:text-7xl font-bold tracking-tight text-white\" id=\"krwPrice\"\u003e₩ 0\u003c\/div\u003e\n                    \u003c\/div\u003e\n\n                    \u003cbutton onclick=\"fetchAndDisplayRate()\" id=\"updateRate\" class=\"w-full py-6 bg-white text-zinc-950 font-bold text-xs tracking-widest hover:bg-zinc-200 transition-all active:scale-[0.98] mt-8 rounded-xl uppercase\"\u003e\n                        Update Rate\n                    \u003c\/button\u003e\n                \u003c\/div\u003e\n            \u003c\/div\u003e\n        \u003c\/section\u003e\n    \u003c\/main\u003e\n\n    \u003cfooter class=\"bg-white border-t border-gray-100 py-32 text-center lg:text-left\"\u003e\n        \u003cdiv class=\"max-w-7xl mx-auto px-8 flex flex-col lg:flex-row justify-between items-center gap-16\"\u003e\n            \u003cdiv class=\"text-2xl font-black text-zinc-900 tracking-tighter uppercase\"\u003ePierre Girardin\u003c\/div\u003e\n            \u003cp class=\"text-[10px] text-zinc-400 font-bold tracking-widest leading-loose uppercase text-center lg:text-right\"\u003e\n                © 2025 BURGUNDY WINE HERITAGE REPORT.\u003cbr\u003e\n                THE ULTIMATE PRECISION OF MEURSAULT.\n            \u003c\/p\u003e\n        \u003c\/div\u003e\n    \u003c\/footer\u003e\n\n    \u003cscript\u003e\n        \/\/ GSAP Plugins\n        gsap.registerPlugin(ScrollTrigger);\n\n        \/\/ Hero Animations\n        gsap.to(\".gsap-hero\", { y: 0, opacity: 1, duration: 1.8, stagger: 0.25, ease: \"power4.out\" });\n        \n        \/\/ Scroll Animations\n        document.querySelectorAll(\".gsap-fade-up\").forEach(el =\u003e {\n            gsap.fromTo(el, { y: 30, opacity: 0 }, { \n                y: 0, opacity: 1, duration: 1.2, ease: \"power3.out\", scrollTrigger: { trigger: el, start: \"top 90%\" } \n            });\n        });\n\n        gsap.fromTo(\".gsap-fade-right\", { x: -20, opacity: 0 }, { \n            x: 0, opacity: 1, duration: 1.2, ease: \"power3.out\", scrollTrigger: { trigger: \".gsap-fade-right\", start: \"top 85%\" } \n        });\n\n        gsap.fromTo(\".gsap-fade-left\", { x: 20, opacity: 0 }, { \n            x: 0, opacity: 1, duration: 1.2, ease: \"power3.out\", scrollTrigger: { trigger: \".gsap-fade-left\", start: \"top 85%\" } \n        });\n\n        \/* \u0026#54872;\u0026#50984; \u0026#44228;\u0026#49328; \u0026#47196;\u0026#51649; (Exchange Rate Logic) *\/\n        const BASE_PRICE_EUR = 130.00;\n\n        function updateKrwPrice(rate) {\n            const finalRate = parseFloat(rate);\n            if (!isNaN(finalRate) \u0026\u0026 finalRate \u003e 0) {\n                const calculatedPrice = Math.round(BASE_PRICE_EUR * finalRate);\n                document.getElementById('krwPrice').textContent = '\u0026#8361; ' + calculatedPrice.toLocaleString('ko-KR');\n            }\n        }\n\n        async function fetchAndDisplayRate() {\n            const btn = document.getElementById('updateRate');\n            btn.textContent = \"Updating...\";\n            setTimeout(() =\u003e {\n                const currentRate = 1700.41; \n                updateKrwPrice(currentRate);\n                document.getElementById('exchangeRate').value = currentRate.toFixed(2);\n                btn.textContent = \"Update Rate\";\n            }, 600);\n        }\n\n        \/\/ \u0026#52488;\u0026#44592;\u0026#54868;\n        updateKrwPrice(1700.41); \n        document.getElementById('exchangeRate').addEventListener('input', (e) =\u003e updateKrwPrice(e.target.value));\n    \u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"PVG","offers":[{"title":"Default Title","offer_id":54002167939401,"sku":null,"price":130.0,"currency_code":"EUR","in_stock":false}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0791\/8593\/6713\/files\/pieleu-jilaleudaeng-moeleuso-le-geulang-syalong-2020-hwaiteuwain-166.webp?v=1759674618","url":"https:\/\/xwine.club\/products\/%ed%94%bc%ec%97%90%eb%a5%b4-%ec%a7%80%eb%9d%bc%eb%a5%b4%eb%8c%95-%eb%ab%bc%eb%a5%b4%ec%86%8c-%eb%a0%88-%ea%b7%b8%eb%9e%91-%ec%83%a4%eb%a1%b1-2023","provider":"엑스와인","version":"1.0","type":"link"}