@import "https://cdn.jsdelivr.net/npm/@fontsource-variable/playfair-display@5/wght.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource-variable/playfair-display@5/wght-italic.css";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";
:root{--bg:#0a0a0b;--surface:#121214;--surface-2:#1b1b1f;--line:#2a2a30;--ink:#f4f1ea;--ink-2:#b8b4ab;--ink-3:#7d7a72;--gold:#c8a86b;--gold-2:#e6cf9a;--gold-deep:#9c7f45;--accent:var(--gold);--danger:#d16a5a;--ok:#7ba46b;--radius:2px;--radius-lg:4px;--serif:"Playfair Display Variable","Playfair Display",Georgia,"Nanum Myeongjo",serif;--sans:"Pretendard Variable","Pretendard",system-ui,-apple-system,"Apple SD Gothic Neo",sans-serif;--line-soft:color-mix(in srgb,var(--line) 60%,transparent);--gold-hair:color-mix(in srgb,var(--gold) 45%,transparent);--gold-glow:color-mix(in srgb,var(--gold) 18%,transparent);--scrim:color-mix(in srgb,var(--bg) 78%,transparent);--scrim-soft:color-mix(in srgb,var(--bg) 40%,transparent);--shadow-lg:0 30px 60px -20px color-mix(in srgb,var(--bg) 90%,transparent);--container:1360px;--gutter:clamp(16px,4vw,48px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:72px;--space-9:112px;--ease:cubic-bezier(.22,.61,.36,1);--dur:.35s;--dur-slow:.8s;--header-h:72px;--header-h-compact:56px;--utilbar-h:32px;--fs-xs:11px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--fs-display:clamp(44px,8.5vw,112px);--fs-h1:clamp(36px,6vw,80px);--fs-h2:clamp(28px,4vw,52px);--fs-h3:clamp(20px,2.4vw,30px);--fs-h4:clamp(17px,1.6vw,22px);--track-wide:.32em;--track-caps:.14em}*,:before,:after{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;margin:0;padding:0}body{font-size:var(--fs-md);min-height:100dvh;line-height:1.6;overflow-x:hidden}a{color:inherit;text-decoration:none}img,video{max-width:100%;height:auto;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}ul,ol{margin:0;padding:0;list-style:none}p{margin:0}::selection{background:var(--gold);color:var(--bg)}:focus{outline:none}:focus-visible{outline:1px solid var(--gold);outline-offset:3px;border-radius:var(--radius)}h1,h2,h3,h4{font-family:var(--serif);letter-spacing:.005em;text-wrap:balance;margin:0;font-weight:500;line-height:1.08}h1{font-size:var(--fs-h1)}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}h4{font-size:var(--fs-h4);line-height:1.3}.display{font-family:var(--serif);font-size:var(--fs-display);letter-spacing:-.01em;font-weight:400;line-height:.98}.serif{font-family:var(--serif)}.gold{color:var(--gold)}.muted{color:var(--ink-2)}.dim{color:var(--ink-3)}.eyebrow{font-family:var(--sans);font-size:var(--fs-xs);letter-spacing:var(--track-wide);text-transform:uppercase;color:var(--ink-3);font-weight:500}.eyebrow.gold{color:var(--gold)}.caps{font-size:var(--fs-sm);letter-spacing:var(--track-caps);text-transform:uppercase}.lede{font-size:var(--fs-lg);color:var(--ink-2);max-width:56ch;line-height:1.7}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.container{width:100%;max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.container-wide{width:100%;max-width:1600px;padding-inline:var(--gutter);margin-inline:auto}.bleed{width:100%}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2);flex-direction:column;display:flex}.stack-lg{gap:var(--space-6);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-4);display:flex}.row-between{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.row-wrap{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.grow{flex:auto;min-width:0}.section{padding-block:clamp(56px,8vw,var(--space-9))}.section-tight{padding-block:clamp(32px,5vw,var(--space-8))}.section-head{justify-content:space-between;align-items:flex-end;gap:var(--space-4);margin-bottom:clamp(24px,3vw,40px);display:flex}.section-head .stack-sm{gap:var(--space-3)}.section-head h2{line-height:1}@media (max-width:640px){.section-head{flex-direction:column;align-items:flex-start}}.hairline{background:linear-gradient(90deg,transparent,var(--gold-hair),transparent);border:0;height:1px}.hairline-solid{background:var(--line);border:0;height:1px}.hairline-gold{background:var(--gold);border:0;width:48px;height:1px}.rule-top{border-top:1px solid var(--line)}.rule-bottom{border-bottom:1px solid var(--line)}.btn{--btn-bg:transparent;--btn-fg:var(--ink);--btn-bd:var(--ink);border:1px solid var(--btn-bd);background:var(--btn-bg);min-height:48px;color:var(--btn-fg);font-size:var(--fs-sm);letter-spacing:var(--track-caps);text-transform:uppercase;border-radius:var(--radius);white-space:nowrap;transition:color var(--dur) var(--ease),border-color var(--dur) var(--ease),background-color var(--dur) var(--ease),transform var(--dur) var(--ease);justify-content:center;align-items:center;gap:10px;padding:0 28px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";background:var(--ink);transform-origin:0;transition:transform var(--dur) var(--ease);z-index:-1;position:absolute;inset:0;transform:scaleX(0)}.btn:hover{color:var(--bg)}.btn:hover:after{transform:scaleX(1)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;pointer-events:none}.btn-gold{--btn-bg:var(--gold);--btn-fg:var(--bg);--btn-bd:var(--gold)}.btn-gold:after{background:var(--gold-2)}.btn-gold:hover{color:var(--bg);border-color:var(--gold-2)}.btn-ghost{--btn-bd:var(--gold-hair);--btn-fg:var(--gold)}.btn-ghost:after{background:var(--gold)}.btn-ghost:hover{border-color:var(--gold)}.btn-sm{min-height:38px;font-size:var(--fs-xs);padding:0 18px}.btn-lg{min-height:56px;padding:0 36px}.btn-block{width:100%}.link-line{font-size:var(--fs-sm);letter-spacing:var(--track-caps);text-transform:uppercase;padding-bottom:2px;display:inline-block;position:relative}.link-line:after{content:"";background:var(--gold);transform-origin:100%;width:100%;height:1px;transition:transform var(--dur) var(--ease);position:absolute;bottom:0;left:0;transform:scaleX(0)}.link-line:hover:after,.link-line[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.icon-btn{width:40px;height:40px;color:var(--ink);transition:color var(--dur) var(--ease),background-color var(--dur) var(--ease);border-radius:50%;place-items:center;display:inline-grid;position:relative}.icon-btn:hover{color:var(--gold);background:var(--surface-2)}.icon-btn svg{width:20px;height:20px}.chip{border:1px solid var(--line);min-height:30px;font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);transition:border-color var(--dur) var(--ease),color var(--dur) var(--ease);background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.chip:hover,.chip.is-active{border-color:var(--gold);color:var(--gold)}.badge{letter-spacing:.14em;text-transform:uppercase;border-radius:var(--radius);white-space:nowrap;align-items:center;gap:6px;height:22px;padding:0 8px;font-size:10px;font-weight:600;line-height:1;display:inline-flex}.badge-new{background:var(--ink);color:var(--bg)}.badge-exclusive{background:var(--gold);color:var(--bg)}.badge-soldout{background:var(--surface-2);color:var(--ink-3);border:1px solid var(--line)}.badge-live{background:var(--danger);color:var(--ink)}.badge-live:before,.live-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse}.badge-sale{color:var(--gold);border:1px solid var(--gold-hair)}.count-dot{background:var(--gold);min-width:16px;height:16px;color:var(--bg);text-align:center;border-radius:999px;padding:0 4px;font-size:10px;font-weight:700;line-height:16px;position:absolute;top:4px;right:4px}.card{background:var(--surface);border-radius:var(--radius);display:block;position:relative;overflow:hidden}.card-media{background:var(--surface-2);aspect-ratio:3/4;position:relative;overflow:hidden}.card-media img{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease),opacity var(--dur) var(--ease)}.card:hover .card-media img,.card:focus-within .card-media img{transform:scale(1.04)}.card-media .hover{opacity:0;position:absolute;inset:0}.card:hover .card-media .hover{opacity:1}.card-lift{transition:transform var(--dur) var(--ease),box-shadow var(--dur) var(--ease)}.card-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.frame{background:var(--surface-2);position:relative;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%}.ratio-3-4{aspect-ratio:3/4}.ratio-4-5{aspect-ratio:4/5}.ratio-1-1{aspect-ratio:1}.ratio-16-9{aspect-ratio:16/9}.ratio-21-9{aspect-ratio:21/9}.media-fallback{color:var(--ink-3);font-family:var(--serif);font-size:var(--fs-h3);letter-spacing:.1em;background:linear-gradient(160deg,var(--surface-2),var(--surface));place-items:center;display:grid;position:absolute;inset:0}.scrim{background:linear-gradient(180deg,transparent 30%,var(--scrim) 100%);pointer-events:none;position:absolute;inset:0}.scrim-top{background:linear-gradient(180deg,var(--scrim-soft),transparent 40%);pointer-events:none;position:absolute;inset:0}.hscroll{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin-inline:calc(var(--gutter) * -1);padding-bottom:8px;padding-inline:var(--gutter);gap:clamp(12px,1.6vw,24px);display:flex;overflow-x:auto}.hscroll::-webkit-scrollbar{display:none}.hscroll>*{scroll-snap-align:start;flex:none}.skel{background:var(--surface-2);border-radius:var(--radius);position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--ink) 5%,transparent),transparent);animation:shimmer 1.6s var(--ease) infinite;position:absolute;inset:0;transform:translate(-100%)}.skel-line{width:60%;height:12px}.skel-line.short{width:35%}.empty{text-align:center;place-items:center;gap:var(--space-3);padding:clamp(40px,6vw,80px) var(--space-4);border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink-3);background:var(--surface);display:grid}.empty .serif{font-size:var(--fs-h3);color:var(--ink-2);font-style:italic}.input{border:0;border-bottom:1px solid var(--line);width:100%;min-height:48px;color:var(--ink);font-size:var(--fs-md);transition:border-color var(--dur) var(--ease);background:0 0;padding:0 4px}.input::placeholder{color:var(--ink-3)}.input:focus{border-bottom-color:var(--gold);outline:none}.input-row{align-items:flex-end;gap:var(--space-3);border-bottom:1px solid var(--line);transition:border-color var(--dur) var(--ease);display:flex}.input-row:focus-within{border-bottom-color:var(--gold)}.input-row .input{border-bottom:0}@keyframes shimmer{to{transform:translate(100%)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes kenburns{0%{transform:scale(1.08)}to{transform:scale(1)}}.rise{animation:rise var(--dur-slow) var(--ease) both}.rise-2{animation:rise var(--dur-slow) var(--ease) .12s both}.rise-3{animation:rise var(--dur-slow) var(--ease) .24s both}.fade{animation:fade var(--dur-slow) var(--ease) both}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.skel:after{display:none}}
