@font-face{font-family:"Caviar";src:url("../fonts/Caviar.ttf") format("truetype");font-weight:400;}
:root{--bg:#151515;--white:#fff;--white70:rgba(255,255,255,.7);--text-soft:rgba(255,255,255,.72);--text-muted:rgba(255,255,255,.62);--pill-text:rgba(32,32,32,.62);--nav-line:rgba(255,255,255,.25);--ease:cubic-bezier(.22,1,.36,1);}
*{margin:0;padding:0;box-sizing:border-box;}
html,body{width:100%;height:100%;overflow:hidden;}
body{background:var(--bg);color:var(--white);font-family:"Caviar",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body::before{content:"";position:fixed;inset:0;z-index:0;background:url("merch.gif") center center/cover no-repeat;opacity:.3;pointer-events:none;}
body::after{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 18% 22%,rgba(255,255,255,.055) 0 .6px,transparent .8px),radial-gradient(circle at 62% 72%,rgba(255,255,255,.045) 0 .7px,transparent .9px),repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 4px),repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);background-size:4px 4px,5px 5px,auto,auto;mix-blend-mode:screen;opacity:.34;}
.nav{position:fixed;top:28px;left:0;right:0;z-index:1000;display:flex;justify-content:space-between;align-items:flex-start;padding:0 48px;}
.logo img{display:block;width:220px;}
nav{display:flex;align-items:center;min-width:730px;gap:70px;padding-bottom:18px;border-bottom:1px solid var(--nav-line);}
nav a{display:flex;align-items:center;color:rgba(255,255,255,.84);font-size:13px;font-weight:300;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;white-space:nowrap;transition:opacity .25s ease,transform .25s ease;}
nav a:hover{opacity:1;transform:translateY(-1px);}nav a.active{color:var(--white);font-weight:700;}
.nav-marker{display:block;flex-shrink:0;width:12px;height:12px;margin-right:8px;object-fit:contain;}
.merch-stage{position:relative;z-index:10;width:100vw;height:100vh;overflow:hidden;}
.table-one{position:absolute;left:50%;bottom:-15vh;z-index:2;width:120vw;max-width:none;height:auto;opacity:.82;pointer-events:none;transform:translateX(-47%);transition:transform .85s var(--ease),opacity .45s ease;}
.merch-stage[data-index="1"] .table-one{transform:translateX(-53%);}.merch-stage.is-detail .table-one{opacity:0;transform:translateX(-130%);}
.merch-track{position:absolute;inset:0;z-index:3;display:flex;width:200vw;transform:translateX(calc(var(--slide,0) * -100vw));transition:transform .85s var(--ease),opacity .45s ease;}
.merch-stage.is-detail .merch-track{opacity:0;pointer-events:none;transform:translateX(-120vw);}
.merch-screen{position:relative;width:100vw;min-width:100vw;height:100vh;overflow:hidden;}
.merch-item{position:absolute;z-index:3;display:flex;flex-direction:column;align-items:center;color:var(--text-soft);text-align:center;cursor:pointer;transition:transform .65s var(--ease),opacity .45s ease,filter .45s ease;}
.merch-price{margin-bottom:10px;font-size:14px;line-height:1;letter-spacing:.04em;}
.merch-item img{display:block;object-fit:contain;opacity:.92;filter:grayscale(.45) contrast(1.05) brightness(.86);pointer-events:none;user-select:none;}
.item-bag{left:13.8vw;top:15.1vh;}.item-bag img{width:356px;height:376px;}
.item-tray{right:14.8vw;top:17.5vh;}.item-tray img{width:330px;height:360px;}
.item-keychain{left:13.7vw;top:17vh;}.item-keychain img{width:292px;height:330px;}
.item-candle{right:12.8vw;top:17vh;}.item-candle img{width:510px;height:332px;}
.buy-pill,.detail-buy-pill{position:relative;min-width:225px;height:28px;padding:0 24px;border:0;border-radius:999px;overflow:hidden;background:var(--white70);color:var(--pill-text);font-family:"Caviar",sans-serif;font-size:13px;line-height:28px;letter-spacing:.03em;text-align:center;text-decoration:none;}
.buy-pill{margin-top:12px;cursor:pointer;transition:background .18s ease,transform .18s ease;}.buy-pill:hover{background:rgba(255,255,255,.78);transform:translateY(-1px);}
.buy-pill::after,.detail-buy-pill::after{content:"";position:absolute;inset:0;border-radius:inherit;background-image:radial-gradient(circle at 18% 24%,rgba(0,0,0,.05) 0 .55px,transparent .75px),radial-gradient(circle at 72% 68%,rgba(0,0,0,.04) 0 .5px,transparent .72px);background-size:3px 3px,4px 4px;mix-blend-mode:multiply;opacity:.28;pointer-events:none;}
.merch-arrow,.detail-back{position:fixed;top:50%;z-index:30;width:54px;height:54px;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:var(--text-muted);font-family:"Caviar",sans-serif;font-size:42px;line-height:50px;cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;}
.merch-arrow:hover,.detail-back:hover{background:rgba(255,255,255,.16);color:var(--white);transform:translateY(-1px);}
.merch-arrow-left,.detail-back{left:34px;}.merch-arrow-right{right:34px;}
.merch-stage[data-index="0"] .merch-arrow-left,.merch-stage[data-index="1"] .merch-arrow-right{opacity:.25;pointer-events:none;}.merch-stage.is-detail .merch-arrow{opacity:0;pointer-events:none;}
.merch-detail{position:absolute;inset:0;z-index:25;display:block;opacity:0;pointer-events:none;transform:translateX(70px);transition:opacity .62s ease .24s,transform .72s var(--ease) .18s;}
.merch-stage.is-detail .merch-detail{opacity:1;pointer-events:auto;transform:translateX(0);}
.detail-buy-pill,.detail-price,.detail-image,.merch-detail h1{position:absolute;left:50%;transform:translateX(-50%);}
.detail-buy-pill{top:15.5vh;z-index:4;display:block;pointer-events:none;}
.detail-price{top:20vh;z-index:4;color:var(--text-muted);font-size:14px;line-height:1;letter-spacing:.04em;}
.detail-image{top:18.5vh;z-index:2;display:block;width:520px;height:520px;object-fit:contain;opacity:.92;filter:grayscale(.42) contrast(1.05) brightness(.86);}
.merch-detail h1{top:85vh;z-index:5;margin:0;font-size:34px;line-height:1;font-weight:300;letter-spacing:.095em;text-transform:uppercase;}
.detail-buy-title{display:inline-block;color:rgba(255,255,255,.88);text-decoration:none;transition:opacity .2s ease,transform .2s ease;}.detail-buy-title:hover{opacity:1;transform:translateY(-1px);}
@media (max-width:1200px){.nav{padding:0 34px;}.logo img{width:190px;}nav{min-width:650px;gap:50px;}.table-one{width:145vw;bottom:-10vh;}.item-bag{left:9vw}.item-tray{right:9vw}.item-keychain{left:9vw}.item-candle{right:7vw}}
@media (max-width:900px){.nav{top:18px;padding:0 14px;}.logo img{width:124px;}nav{min-width:0;max-width:calc(100vw - 145px);gap:12px;padding-bottom:10px;justify-content:flex-end;}nav a{font-size:9px;letter-spacing:.04em;}.nav-marker{width:8px;height:8px;margin-right:4px;}.table-one{width:220vw;bottom:-5vh;}.merch-arrow,.detail-back{width:48px;height:48px;font-size:34px;line-height:46px;}.merch-arrow-left,.detail-back{left:16px}.merch-arrow-right{right:16px}.item-bag{left:50%;top:16vh;transform:translateX(-50%);}.item-tray{right:auto;left:50%;top:56vh;transform:translateX(-50%);}.item-keychain{left:50%;top:18vh;transform:translateX(-50%);}.item-candle{right:auto;left:50%;top:55vh;transform:translateX(-50%);}.item-bag img{width:236px;height:250px;}.item-tray img{width:220px;height:240px;}.item-keychain img{width:195px;height:220px;}.item-candle img{width:300px;height:195px;}.buy-pill,.detail-buy-pill{min-width:205px;height:27px;font-size:12px;line-height:27px;}.detail-buy-pill{top:16vh;}.detail-price{top:20.5vh;}.detail-image{top:24vh;width:360px;height:360px;}.merch-detail h1{top:78vh;font-size:30px;}}
@media (max-width:600px){.logo img{width:112px;}nav{gap:8px;max-width:calc(100vw - 128px);}nav a{font-size:8px;}.table-one{width:260vw;bottom:-2vh;}.item-bag{top:17vh}.item-tray{top:58vh}.item-keychain{top:18vh}.item-candle{top:58vh}.item-bag img{width:200px;height:212px;}.item-tray img{width:190px;height:206px;}.item-keychain img{width:165px;height:186px;}.item-candle img{width:250px;height:164px;}.detail-image{top:25vh;width:305px;height:305px;}.detail-buy-pill{top:17vh;}.detail-price{top:22vh;}.merch-detail h1{top:76vh;font-size:27px;}}
@media (max-width:768px){.nav{top:22px;left:0;right:0;padding:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:24px}.logo img{width:150px}nav{width:min(82vw,480px);min-width:0;max-width:none;gap:0;display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.32)}nav a{font-size:10px;letter-spacing:.055em;white-space:nowrap}.nav-marker,nav a.active img{width:8px;height:8px;margin-right:4px}}
@media (max-width:430px){.nav{top:20px;gap:22px}.logo img{width:138px}nav{width:86vw}nav a{font-size:9px;letter-spacing:.04em}}
@media (max-width:768px){.table-one{width:225vw;bottom:-9vh}.item-bag,.item-tray,.item-keychain,.item-candle{transform:translateX(-50%)}.item-bag{left:25%;top:54vh}.item-tray{left:72%;right:auto;top:55vh}.item-keychain{left:25%;top:55vh}.item-candle{left:72%;right:auto;top:55vh}.item-bag img{width:185px;height:196px}.item-tray img{width:172px;height:188px}.item-keychain img{width:150px;height:170px}.item-candle img{width:230px;height:150px}.buy-pill,.detail-buy-pill{min-width:180px;height:24px;font-size:11px;line-height:24px;padding:0 18px}.merch-price{font-size:12px;margin-bottom:8px}.merch-arrow,.detail-back{width:48px;height:48px;font-size:34px;line-height:46px}.merch-arrow-left,.detail-back{left:16px}.merch-arrow-right{right:16px}.detail-buy-pill{top:18vh}.detail-price{top:22.5vh}.detail-image{top:26vh;width:330px;height:330px}.merch-detail h1{top:78vh;font-size:30px}}
@media (max-width:430px){.table-one{width:260vw;bottom:-7vh}.item-bag{left:27%;top:56vh}.item-tray{left:73%;top:57vh}.item-keychain{left:27%;top:57vh}.item-candle{left:73%;top:57vh}.item-bag img{width:150px;height:160px}.item-tray img{width:140px;height:154px}.item-keychain img{width:126px;height:143px}.item-candle img{width:178px;height:116px}.buy-pill{min-width:135px;height:22px;font-size:9px;line-height:22px;padding:0 10px}.detail-image{width:285px;height:285px}.detail-buy-pill{top:18vh}.detail-price{top:23vh}.merch-detail h1{top:75vh;font-size:27px}}
@media (max-width:768px){.merch-track{width:400vw;display:block;transform:translateX(calc(var(--slide,0) * -100vw))}.merch-screen{position:absolute;inset:0;width:400vw;min-width:400vw}.item-bag,.item-tray,.item-keychain,.item-candle{right:auto;transform:translateX(-50%)}.item-bag{left:50vw;top:53vh}.item-tray{left:150vw;top:54vh}.item-keychain{left:250vw;top:54vh}.item-candle{left:350vw;top:54vh}.table-one{width:220vw;bottom:-8vh;transform:translateX(-46%)}.merch-stage[data-index="1"] .table-one{transform:translateX(-48%)}.merch-stage[data-index="2"] .table-one{transform:translateX(-50%)}.merch-stage[data-index="3"] .table-one{transform:translateX(-52%)}.merch-stage[data-index="0"] .merch-arrow-left,.merch-stage[data-index="3"] .merch-arrow-right{opacity:.25;pointer-events:none}}
@media (max-width:430px){.item-bag{top:56vh}.item-tray{top:57vh}.item-keychain{top:57vh}.item-candle{top:57vh}.table-one{width:255vw;bottom:-7vh}}