@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#211018;--pink:#ec1c7c;--paper:#f2f0f1;--muted:#c2b3bc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Space Grotesk','Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #EA8AA6;outline-offset:5px}button{border:0}header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:absolute;z-index:5;inset:0 0 auto;border-bottom:1px solid #ffffff20}.brand{background:var(--paper);padding:7px 13px;display:flex;border-radius:3px}.brand img{width:118px;height:34px;object-fit:contain}nav{display:flex;gap:32px;font-size:14px}nav a{display:flex;align-items:center;gap:10px}.dot{display:inline-block;width:6px;height:6px;background:var(--pink);border-radius:50%;box-shadow:0 0 10px var(--pink)}.round{width:42px;height:42px;border:1px solid #ffffff50;background:none;border-radius:50%;font-size:17px}.skip{position:fixed;left:20px;top:-70px;z-index:30;background:white;color:var(--ink);padding:14px}.skip:focus{top:10px}.hero{min-height:820px;height:100svh;max-height:1100px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 72% 52%,#711d5570,transparent 55%),var(--ink);padding:115px 5% 40px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:80px 80px;pointer-events:none}.edition{position:relative;font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:10px;color:var(--muted)}.edition>span:last-child{margin-left:auto}.big-type{position:absolute;left:26%;top:14%;font-size:clamp(160px,24vw,420px);font-weight:700;letter-spacing:-.09em;color:#ffffff04;line-height:1;pointer-events:none}.hero-copy{position:absolute;left:7%;top:29%;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}.kicker{font-size:12px;letter-spacing:2px;font-weight:500;margin:0 0 23px}.hero-copy h1{font-size:clamp(48px,5.7vw,92px);line-height:1.1;letter-spacing:-.07em;margin:0;font-weight:900}.hero-copy em{font-style:normal;color:#EA8AA6}.period{color:var(--pink)}.description{font-size:15px;line-height:1.9;color:var(--muted);margin:26px 0}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border-radius:40px;padding:16px 24px;font-size:14px}.light{background:var(--paper);color:var(--ink)}.pill span{font-size:24px;line-height:1}.visual{position:absolute;width:64%;height:76%;right:-1%;top:10%;touch-action:pan-y;cursor:grab}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;position:relative;z-index:1}.halo{position:absolute;left:15%;top:20%;width:70%;height:60%;border:2px solid #ec1c7c70;border-radius:50%;transform:rotate(-28deg);box-shadow:0 0 80px #ec1c7c33,inset 0 0 90px #ec1c7c22}.webgl .halo{display:none}#hero-product{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-12deg);width:56%;height:68%;object-fit:contain;filter:drop-shadow(10px 30px 35px #0009);pointer-events:none;z-index:2;transition:opacity .18s,transform .8s}#hero-product.gel{height:115%;width:105%;transform:translate(-50%,-50%) rotate(18deg)}#hero-product.watch{width:73%;height:88%;transform:translate(-50%,-39%) rotate(-12deg)}.coordinate{position:absolute;font-size:10px;letter-spacing:2px;color:#c2b3bc;z-index:3}.coordinate.top{top:21%;left:22%}.coordinate.bottom{bottom:16%;right:11%}.pulse{position:absolute;z-index:3;right:13%;top:40%;border:1px solid #EA8AA680;background:#211018aa;backdrop-filter:blur(10px);width:60px;height:60px;border-radius:50%;font-size:30px;transition:transform .3s}.pulse:hover{transform:scale(1.15)}.pulse small{position:absolute;left:-8px;bottom:-27px;font-size:10px;width:80px;letter-spacing:1px}.hero-bottom{position:absolute;bottom:55px;left:7%;right:6%;display:flex;justify-content:space-between;align-items:flex-end;z-index:3}.selector{display:flex;gap:7px}.selector button{background:transparent;border:1px solid #ffffff30;border-radius:5px;padding:15px 18px;font-size:14px}.selector small{color:var(--muted);margin-right:9px;font-size:10px}.selector .selected{background:#C42970;border-color:#C42970;color:white}.product-caption{display:grid;gap:8px;text-align:right}.product-caption>span{font-size:11px;letter-spacing:2px;color:#EA8AA6}.product-caption strong{font-size:20px}.product-caption a{font-size:12px;color:var(--muted)}.stage-instruction{position:absolute;left:7%;bottom:21px;font-size:10px;color:var(--muted);letter-spacing:1px}.ticker{overflow:hidden;background:var(--pink);color:var(--ink);padding:17px 0;border-block:1px solid #ffffff20}.ticker>div{white-space:nowrap;font-size:23px;font-weight:700;letter-spacing:2px;width:max-content;animation:marquee 35s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:105px 7%}.collection{background:var(--paper);color:var(--ink)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:48px}.section-heading h2{font-size:clamp(36px,4.2vw,64px);line-height:1.2;letter-spacing:-.055em;margin:0}.section-heading>p{font-size:14px;line-height:1.9;opacity:.7;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card{padding:22px;background:#e8e4e6;border:1px solid #21101812;position:relative;overflow:hidden;transition:background .3s,transform .3s}.product-card:hover{background:#e8d9e1;transform:translateY(-6px)}.card-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px}.card-top>span:last-child{font-size:20px}.product-image{height:270px;display:flex;align-items:center;justify-content:center}.product-image img{height:90%;max-width:100%;object-fit:contain;transition:transform .5s}.product-image.gel img{height:130%;max-width:130%}.product-image.watch img{height:110%;max-width:110%;transform:translateY(8%)}.product-card:hover img{transform:rotate(-5deg) scale(1.05)}.product-card h3{font-size:26px;letter-spacing:-1px;margin:22px 0 7px}.product-card p{font-size:13px;opacity:.7;margin:0 0 30px}.card-link{font-size:12px;border-top:1px solid #21101825;padding-top:18px;display:block}.journal{background:#211018}.journal .section-heading>p{color:var(--muted)}.interests{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.interests button{font-size:12px;padding:12px 19px;background:none;border:1px solid #ffffff35;border-radius:30px}.interests button[aria-pressed=true]{background:var(--paper);color:var(--ink);border-color:var(--paper)}.journal-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.journal-card{min-height:300px;padding:32px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;background:linear-gradient(135deg,#711d55,#211018);border:1px solid #ffffff20}.journal-card:nth-child(2){background:linear-gradient(135deg,#482054,#211018)}.journal-card:before{content:'';position:absolute;width:250px;height:250px;border:1px solid #EA8AA660;border-radius:50%;right:-35px;top:-70px;box-shadow:0 0 0 30px #ea8aa60a,0 0 0 60px #ea8aa60a,0 0 0 90px #ea8aa60a}.journal-card>span{font-size:10px;letter-spacing:2px;color:#EA8AA6;margin-bottom:35px}.journal-card h3{position:relative;font-size:30px;letter-spacing:-1px;margin:0 0 15px;max-width:360px}.journal-card p{font-size:14px;line-height:1.8;color:var(--muted);max-width:450px;margin:0 0 22px}.journal-card button{align-self:flex-start;background:none;border-bottom:1px solid #EA8AA6;padding:0 0 7px;font-size:13px}.journal-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:24px;color:var(--muted);font-size:11px;gap:15px}.journal-bottom button{background:none;font-size:13px;padding:12px}.club{position:relative;overflow:hidden;background:#C42970;min-height:540px;display:flex;align-items:center}.club-inner{position:relative;z-index:1}.club h2{font-size:clamp(40px,6vw,86px);line-height:1.17;letter-spacing:-.06em;margin:0 0 28px}.club h2 em{font-style:normal;color:#211018}.club p:not(.kicker){font-size:15px;line-height:1.9}.club small{display:block;max-width:350px;font-size:11px;line-height:1.8;margin-top:18px}.progress-link{display:block;font-size:13px;margin-top:24px;text-decoration:underline;text-underline-offset:5px}.club-orbit{position:absolute;right:-80px;top:10%;width:560px;height:560px;border:1px solid #21101880;border-radius:50%;box-shadow:0 0 0 50px #21101808,0 0 0 100px #21101808,0 0 0 150px #21101808}footer{padding:40px 7%;display:flex;align-items:center;gap:22px;font-size:12px;flex-wrap:wrap}footer img{width:100px;background:var(--paper);padding:8px}footer span{margin-left:auto;line-height:1.8;font-size:10px;color:var(--muted)}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--paper);color:var(--ink);border-radius:30px;padding:14px 24px;z-index:50;max-width:90%;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s}#notice.show{opacity:1}body.paused .ticker>div{animation-play-state:paused}
@media(min-width:1600px){.hero-copy{left:12%}.hero-bottom{left:12%;right:10%}}@media(max-width:760px){header{height:72px;padding:0 6%}.brand img{width:88px;height:27px}nav{gap:18px;font-size:11px}nav a:first-child,nav a:nth-child(2){display:none}.round{width:34px;height:34px;font-size:14px}.hero{height:auto;min-height:900px;padding:93px 6% 30px}.edition{font-size:9px;letter-spacing:1px}.edition>span:last-child{display:none}.big-type{font-size:40vw;left:0;top:39%}.hero-copy{left:7%;top:144px}.hero-copy .kicker{margin-bottom:17px;font-size:11px}.hero-copy h1{font-size:53px;line-height:1.13}.description{font-size:13px;line-height:1.7;margin:19px 0}.hero-copy .pill{padding:12px 19px;font-size:12px;gap:25px}.visual{width:110%;height:440px;top:365px;right:-5%}.visual #hero-product{width:49%;height:66%}#hero-product.gel{width:100%;height:116%}#hero-product.watch{width:74%;height:88%}.coordinate.top{left:14%;top:12%;font-size:8px}.coordinate.bottom{right:8%;bottom:18%;font-size:8px}.pulse{width:45px;height:45px;right:10%;top:42%;font-size:25px}.pulse small{left:-17px;font-size:9px}.hero-bottom{bottom:50px;left:7%;right:7%;display:block}.selector{gap:6px}.selector button{flex:1;padding:13px 8px;font-size:12px}.selector small{font-size:9px;margin-right:3px}.product-caption{position:absolute;bottom:75px;right:0;gap:5px}.product-caption>span{font-size:9px}.product-caption strong{font-size:15px}.product-caption a{font-size:10px}.stage-instruction{font-size:9px;bottom:24px}.ticker{padding:12px 0}.ticker>div{font-size:17px}.section{padding:65px 7%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:39px}.section-heading>p{margin-top:22px;font-size:13px}.kicker{font-size:10px;margin-bottom:17px}.cards{grid-template-columns:1fr;gap:15px}.product-card{padding:22px}.product-image{height:250px}.product-card h3{margin-top:0}.journal-grid{grid-template-columns:1fr}.journal-card{min-height:285px;padding:27px}.journal-card h3{font-size:28px}.journal-bottom{align-items:flex-start}.club{min-height:560px}.club h2{font-size:45px}.club-orbit{width:360px;height:360px;right:-250px;top:35%}footer{gap:15px}footer span{margin:10px 0 0;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker>div{animation:none}*{transition:none!important}}
@media(max-width:760px){.coordinate{display:none}}