:root{--navy:#0f172a;--slate:#64748b;--sage:#059669;--bg:#f8fafc;--white:#fff;--line:#e2e8f0;--body:'DM Sans','Noto Sans KR',sans-serif;--heading:'Plus Jakarta Sans','Noto Sans KR',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--navy);background:var(--bg);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--sage);outline-offset:4px}button:disabled{cursor:default}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;z-index:100;top:-80px;left:20px;background:var(--navy);color:white;padding:12px}.skip:focus{top:12px}.scroll-track{height:3px;position:fixed;top:0;left:0;right:0;z-index:90;pointer-events:none}#progress{height:100%;width:0;background:var(--sage)}.shell{max-width:1600px;min-height:100vh;margin:auto;display:grid;grid-template-columns:240px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:white;border-right:1px solid var(--line);padding:40px 24px 24px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;font-size:27px;font-weight:700;letter-spacing:-1.5px;line-height:1.25}.brand svg{width:37px;height:37px;stroke:var(--sage);fill:none;stroke-width:1.6}.brand small{font:9px/2 var(--heading);display:block;letter-spacing:2.8px;margin-top:4px}.side-caption{font-size:12px;color:var(--slate);margin-top:24px}.categories{margin-top:40px;display:flex;flex-direction:column;gap:8px}.categories button{border:0;background:transparent;text-align:left;display:flex;align-items:center;gap:12px;color:#475569;padding:12px;border-radius:8px;font-size:14px;font-weight:500;min-height:48px;white-space:nowrap}.categories button:hover{background:var(--bg)}.categories button[aria-pressed=true]{background:var(--navy);color:white}.nav-symbol{font-size:19px;width:20px;text-align:center;font-family:Arial}.count{font:11px var(--heading);margin-left:auto;opacity:.7}.nav-label{font:10px var(--heading);letter-spacing:1.7px;color:#8792a1;margin:28px 12px 8px}.side-note{margin-top:auto;padding:40px 12px 24px}.little-leaf{font-size:32px;color:var(--sage)}.side-note p{font-size:17px;line-height:1.8;font-weight:500;letter-spacing:-.6px;margin:16px 0 8px}.side-note small{color:var(--slate);font-size:12px;line-height:1.8}.side-bottom{border-top:1px solid var(--line);padding:24px 12px 0;font:9px var(--heading);letter-spacing:1.5px;color:var(--slate)}main{padding:0 48px;min-width:0}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:12px}.topbar p{color:var(--slate)}.topbar>span{display:flex;align-items:center;gap:8px}.topbar i{background:var(--sage);width:6px;height:6px;border-radius:100%}.hero{display:grid;grid-template-columns:1.05fr 1fr;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;min-height:398px}.hero-copy{padding:40px 32px}.eyebrow{font:10px/1.5 var(--heading);font-weight:600;letter-spacing:2px;color:var(--slate)}h1,h2,h3,h4{font-family:var(--heading);word-break:keep-all}h1{font-size:clamp(28px,2.65vw,40px);line-height:1.5;letter-spacing:-1.8px;font-weight:600;margin:22px 0 16px}.hero-copy>p{font-size:14px;color:var(--slate);line-height:1.9;margin:0 0 24px}.primary{background:var(--navy);color:white;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:48px;padding:12px 20px;font-size:14px;font-weight:500;transition:background .18s}.primary:hover{background:#273548}.hero-sign{font-size:10px;color:var(--slate);margin-top:24px}.hero-sign span{font-size:15px;vertical-align:middle;margin-right:6px;color:var(--sage)}.hero-visual{position:relative;min-width:0;overflow:hidden}.hero-visual img{height:100%;width:100%;object-fit:cover;object-position:53% center;display:block;filter:saturate(.65)}.hero-visual:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(9,27,23,.65))}.photo-caption{position:absolute;bottom:28px;left:28px;right:24px;z-index:1;color:white;display:flex;flex-direction:column;gap:6px}.photo-caption span:first-child{font-size:12px;letter-spacing:.5px}.photo-caption span:last-child{font:24px var(--heading);letter-spacing:-.6px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:48px}.principles div{display:flex;justify-content:center;align-items:center;gap:10px;font-size:12px;border-right:1px solid var(--line)}.principles div:last-child{border:0}.principles span{color:var(--sage)}.collection-top{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}h2{font-size:26px;letter-spacing:-1px;font-weight:600;line-height:1.4;margin:10px 0 0}.collection-note{font-size:12px;color:var(--slate)}#search-form{display:flex;gap:8px}.search-box{border:1px solid var(--line);background:white;border-radius:8px;display:flex;align-items:center;gap:12px;padding:0 16px;min-height:52px;flex:1;min-width:0}.search-box:focus-within{border-color:var(--sage);box-shadow:0 0 0 3px #05966912}.search-box svg{width:20px;height:20px;fill:none;stroke:var(--slate);stroke-width:1.5;flex-shrink:0}.search-box input{width:100%;min-width:0;outline:none;border:0;background:none;color:var(--navy);font-size:14px}.search-box input::placeholder{color:#6b7c90}.search-box kbd{border:1px solid var(--line);font-size:11px;padding:0 6px;border-radius:4px;color:var(--slate)}.search-button{background:var(--navy);border:0;border-radius:8px;color:white;padding:0 22px;font-size:14px}.result-line{min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--slate)}#reset{border:0;background:none;font-size:12px;color:var(--sage);padding:8px 0}.catalog-section{margin:16px 0 40px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.section-heading h3{font-size:18px;margin:0;letter-spacing:-.5px;font-weight:600}.section-heading small{font:11px var(--heading);border:1px solid var(--line);border-radius:4px;padding:1px 6px;color:var(--slate)}.section-heading>p{font-size:11px;color:var(--slate);margin:0 0 0 auto}.live-card{display:grid;grid-template-columns:230px 1fr;border:1px solid var(--line);background:white;border-radius:8px;overflow:hidden}.product-art{background:#eef3f2;position:relative;display:flex;align-items:center;justify-content:center;min-height:228px;overflow:hidden}.product-art:before,.product-art:after{content:'';border:1px solid #bccfc8;border-radius:50%;position:absolute;width:210px;height:210px;left:-50px;top:40px}.product-art:after{left:80px;top:-80px;width:240px;height:240px}.bottle{width:82px;height:114px;position:relative;z-index:1;background:white;border-radius:14px 14px 20px 20px;border:1px solid #d4dfdb;box-shadow:8px 12px 20px #0f172a0a;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-8deg)}.bottle:before{content:'';position:absolute;top:-18px;width:62px;height:24px;background:#203a36;border-radius:6px 6px 2px 2px}.bottle b{font:22px var(--heading);color:#345e50;letter-spacing:-1px}.bottle span{font:7px var(--heading);letter-spacing:1px;color:var(--slate);margin-top:6px}.art-note{position:absolute;bottom:10px;font-size:9px;color:#657b72}.live-copy{padding:24px 32px;display:flex;flex-direction:column;align-items:start}.badge{display:inline-flex;align-items:center;gap:6px;color:#047857;background:#ecfdf5;font-size:11px;font-weight:500;border-radius:4px;padding:4px 8px}.badge:before{content:'';width:5px;height:5px;border-radius:100%;background:var(--sage)}.live-copy h4{font-size:23px;letter-spacing:-.8px;margin:12px 0 8px;font-weight:600}.period{font-size:12px;color:var(--slate);margin:0 0 8px}.description{font-size:13px;color:#475569;line-height:1.85;margin:0 0 16px}.purchase{display:flex;gap:24px;align-items:center;color:var(--sage);font-size:14px;font-weight:600;margin-top:auto;min-height:32px}.live-card:hover{border-color:#9eaca9}.schedule-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.schedule-card{border:1px solid var(--line);border-radius:8px;background:white;padding:20px;display:flex;align-items:center;gap:16px}.date-tile{width:48px;height:56px;background:var(--bg);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--heading)}.date-tile small{font-size:9px;color:var(--slate);letter-spacing:1px}.date-tile b{font-size:20px;font-weight:500}.schedule-card h4{font-size:14px;letter-spacing:-.4px;margin:0 0 4px;font-weight:600}.schedule-card .period{font-size:10px;margin-bottom:6px}.soon{color:var(--slate);font-size:10px}.soon:before{content:'◷';font-size:13px;margin-right:5px}.intro-grid,.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.intro{background:white;border:1px solid var(--line);border-radius:8px;overflow:hidden;align-self:start}.intro summary{padding:24px;list-style:none;cursor:pointer;position:relative}.intro summary::-webkit-details-marker{display:none}.intro summary:after{content:'+';position:absolute;top:24px;right:24px;font-size:20px;font-weight:400;color:var(--slate)}.intro[open] summary:after{content:'−'}.intro-label{font:10px var(--heading);letter-spacing:1.4px;color:var(--slate)}.intro h4{font-size:16px;margin:10px 20px 12px 0;letter-spacing:-.4px;font-weight:600}.intro summary p{font-size:11px;margin:0;color:var(--slate)}.intro-content{padding:0 24px 24px;color:#475569;font-size:13px;line-height:1.9;white-space:pre-line}.guide-card{display:flex;align-items:center;gap:16px;background:white;border:1px solid var(--line);padding:24px;border-radius:8px;min-height:126px}.guide-icon{width:40px;height:48px;border:1px solid var(--line);border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:23px;color:var(--slate);flex-shrink:0;background:var(--bg)}.guide-card h4{font-size:15px;letter-spacing:-.4px;font-weight:500;margin:0 0 8px;line-height:1.6}.guide-card small{font-size:10px;color:var(--slate)}.guide-card>span:last-child{margin-left:auto;color:var(--sage)}.guide-card:hover,.channel:hover{border-color:#9eaca9}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.channel{display:flex;align-items:center;gap:10px;padding:18px 16px;border-radius:8px;border:1px solid var(--line);background:white;font-size:12px;min-height:64px}.channel>span:first-child{color:var(--slate);font-size:16px}.channel>span:last-child{margin-left:auto;color:var(--sage)}.loading,#empty{text-align:center;padding:64px 24px;font-size:14px;color:var(--slate)}.loading-leaf{display:block;font-size:30px;color:var(--sage);margin-bottom:16px}#empty>span{font-size:40px}#empty h3{color:var(--navy);font-size:20px;margin:12px 0}#empty .primary{margin-top:8px}footer{margin-top:48px;padding:32px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:16px}.footer-brand{font-size:20px;font-weight:600;letter-spacing:-1px}.footer-brand span{display:block;font:8px var(--heading);letter-spacing:2px;color:var(--slate);margin-top:6px}footer p{font-size:12px;color:var(--slate);line-height:1.8;margin:0}footer small{font-size:10px}.preview-note{grid-column:1/-1;font-size:10px;color:var(--slate);padding-top:16px;line-height:1.8}.preview-note a{text-decoration:underline;text-underline-offset:3px}[hidden]{display:none!important}
@media(min-width:1600px){.shell{border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@media(max-width:1100px){.shell{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding:32px 16px 20px}main{padding:0 28px}.hero-copy{padding:32px 24px}.hero-sign{font-size:9px}.hero{grid-template-columns:1.2fr 1fr}.channel-grid{grid-template-columns:repeat(2,1fr)}.live-card{grid-template-columns:180px 1fr}.live-copy{padding:24px}.live-copy h4{font-size:20px}.schedule-card{gap:12px;padding:16px}.collection-note{display:none}}
@media(max-width:780px){html{scroll-padding-top:24px}.shell{display:block}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:20px 20px 0;display:block}.brand{font-size:23px;gap:8px}.brand svg{width:31px;height:31px}.brand small{font-size:7px;letter-spacing:2px}.side-caption{position:absolute;right:20px;top:25px;margin:0;font-size:11px}.side-note,.side-bottom,.nav-label{display:none}.categories{margin:20px -20px 0;flex-direction:row;gap:4px;overflow:auto;padding:0 20px 12px;scrollbar-width:none}.categories button{padding:8px 14px;min-height:40px;font-size:12px;flex-shrink:0}.nav-symbol,.count{display:none}main{padding:0 20px}.topbar{height:56px;font-size:10px}.hero{grid-template-columns:1.2fr 1fr;min-height:326px}.hero-copy{padding:24px 20px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:27px;letter-spacing:-1.4px;line-height:1.5;margin-top:16px}.hero-copy>p{font-size:12px;margin-bottom:20px}.hero-sign{display:none}.primary{font-size:12px;gap:16px;min-height:44px;padding:10px 14px}.photo-caption{left:16px;bottom:20px;right:12px}.photo-caption span:first-child{font-size:9px}.photo-caption span:last-child{font-size:18px}.principles{padding:20px 0;margin-bottom:32px}.principles div{font-size:10px;gap:5px}.collection-top{margin-bottom:20px}h2{font-size:24px}.search-box{min-height:48px;padding:0 12px;gap:8px}.search-box input{font-size:12px}.search-box kbd{display:none}.search-button{font-size:12px;padding:0 16px}.section-heading>p{display:none}.section-heading h3{font-size:17px}.catalog-section{margin-bottom:32px}.live-card{grid-template-columns:140px 1fr}.product-art{min-height:225px}.live-copy{padding:20px}.live-copy h4{font-size:19px}.live-copy .period{font-size:10px}.live-copy .description{font-size:12px}.purchase{font-size:12px;gap:16px}.schedule-grid{gap:10px}.schedule-card{padding:14px 12px;gap:10px}.schedule-card h4{font-size:12px}.schedule-card .period{font-size:9px}.date-tile{width:38px;height:48px}.date-tile b{font-size:18px}.intro-grid,.guide-grid{gap:12px}.intro summary{padding:20px}.intro summary:after{top:18px;right:16px}.intro h4{font-size:14px;margin-right:12px}.intro-content{padding:0 20px 20px;font-size:12px}.guide-card{padding:18px;gap:12px}.guide-card h4{font-size:13px}.channel{font-size:12px}.preview-note{font-size:10px}}
@media(max-width:500px){.hero{grid-template-columns:1fr;position:relative}.hero-copy{padding:28px 24px 28px;z-index:2;background:linear-gradient(90deg,white 0%,white 65%,#ffffffed 85%,#ffffffb3)}.hero-visual{position:absolute;inset:0 0 0 45%;opacity:.3}.hero-visual:after,.photo-caption{display:none}h1{font-size:30px;line-height:1.5}.hero-copy>p{font-size:13px}.hero .primary{font-size:13px;padding:12px 18px}.principles{grid-template-columns:1fr;gap:10px;padding:20px 0}.principles div{justify-content:start;border:0;font-size:12px;gap:10px}.principles span{width:16px}.schedule-grid,.guide-grid{grid-template-columns:1fr}.schedule-card{padding:16px;gap:16px}.schedule-card h4{font-size:14px}.schedule-card .period{font-size:10px}.date-tile{width:48px;height:56px}.intro-grid{grid-template-columns:1fr}.live-card{grid-template-columns:1fr}.product-art{min-height:170px}.bottle{width:66px;height:95px}.bottle:before{width:54px;height:20px;top:-14px}.product-art:before{left:10%;top:30px}.product-art:after{left:50%;top:-80px}.live-copy{padding:24px}.live-copy h4{font-size:21px}.live-copy .period{font-size:11px}.purchase{font-size:14px;margin-top:8px}.badge{font-size:11px}.result-line{font-size:11px}.channel-grid{gap:10px}.channel{padding:16px 12px;font-size:11px}.guide-card{min-height:100px}.guide-card h4{font-size:14px}footer{grid-template-columns:1fr;gap:16px}.preview-note{grid-column:auto}.search-box input{font-size:12px}.search-button{padding:0 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}