.nn-hero{padding:0}.nn-hero-img{display:block;width:100%;height:auto}.nn-intro{padding:5.6rem 2rem;background-color:#f8ffbc}.nn-intro-head{max-width:159.7rem;margin-inline:auto;text-align:center}.nn-intro-title{margin:0}.nn-intro-title-img{width:100%;max-width:68.9rem;height:auto}.nn-intro-tagline{margin:2rem 0 0;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif}.nn-intro-body{position:relative;max-width:159.7rem;margin:4rem auto 0}.nn-intro-photo{display:block;width:100%;height:auto;object-fit:cover}.nn-intro-card-wrap{margin:-2.9rem auto 0;width:calc(100% - 5rem)}.nn-intro-card{position:relative;padding:4rem 2.5rem 3rem;background-color:#c8e4f0;text-align:center}.nn-intro-badge{position:absolute;top:-3.4rem;left:1.5rem;width:6.8rem;height:auto}.nn-intro-card-title{margin:0 0 1.5rem}.nn-intro-card-en{margin:0;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem}.nn-intro-rule{display:block;width:4.5rem;height:.1rem;margin:1.5rem auto;background-color:#000}.nn-intro-card-th{margin:0;font-family:"GraphikTH-Regular","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem}@media(min-width: 992px){.nn-intro{padding:11.3rem 2rem 12.5rem}.nn-intro-body{margin-top:8rem;display:flex;align-items:center}.nn-intro-media{width:60.6%}.nn-intro-card-wrap{position:absolute;top:50%;right:0;left:auto;transform:translateY(-50%);width:44.8%;margin:0}.nn-intro-card{padding:6rem 5rem 5rem}.nn-intro-badge{top:-11.2%;left:2%;width:14.9rem}.nn-intro-card-title{margin-bottom:3rem}.nn-intro-card-en,.nn-intro-card-th{font-size:2.5rem}.nn-intro-rule{width:17.2rem;margin-block:3rem}}.nn-gems{padding:0 0 6rem;background-color:#fff}.nn-gems-band{display:flex;align-items:center;justify-content:center;min-height:7rem;padding:1.5rem 2rem;background-color:#c8e4f0}.nn-gems-title{margin:0;width:100%;max-width:70rem}.nn-gems-title-img{display:block;width:100%;height:auto}@media(min-width: 992px){.nn-gems{padding-bottom:17rem}.nn-gems-band{min-height:20rem}}.nn-shelf-grid{--nn-gap: 3rem;--nn-edge: 2.9rem;--nn-bar: 1.8rem;display:grid;grid-template-columns:repeat(2, 1fr);column-gap:var(--nn-gap);row-gap:calc(var(--nn-bar) + 4rem);width:100%;max-width:36rem;margin:4rem auto 0;padding-inline:var(--nn-edge)}.nn-card{position:relative;display:block;aspect-ratio:270/480;text-decoration:none}.nn-card::after{content:"";position:absolute;top:100%;left:calc(var(--nn-gap)/-2);right:calc(var(--nn-gap)/-2);height:var(--nn-bar);background-color:#000}@media(max-width: 767px){.nn-card:nth-child(2n+1)::after{left:calc(var(--nn-edge)*-1)}.nn-card:nth-child(2n)::after{right:calc(var(--nn-edge)*-1)}}@media(min-width: 768px)and (max-width: 1199px){.nn-card:nth-child(3n+1)::after{left:calc(var(--nn-edge)*-1)}.nn-card:nth-child(3n)::after{right:calc(var(--nn-edge)*-1)}}@media(min-width: 1200px){.nn-card:nth-child(5n+1)::after{left:calc(var(--nn-edge)*-1)}.nn-card:nth-child(5n)::after{right:calc(var(--nn-edge)*-1)}}.nn-card-cover{display:block;width:100%;height:100%;object-fit:cover}.nn-card-soon::before{content:"";position:absolute;inset:0;background-color:rgba(0,0,0,.6)}.nn-card-soon-label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:80%;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;color:#fff;text-align:center;text-transform:uppercase}.nn-card-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8% 4%;text-align:center;background-color:var(--nn-face-bg);opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}.nn-card-title{margin-top:auto;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:1.3rem;line-height:1.15;text-transform:uppercase;color:var(--nn-face-title)}.nn-card-rule{display:block;width:30%;height:.5rem;margin:7% 0 5%;background-color:var(--nn-face-rule)}.nn-card-desc{display:none;line-height:1.35;color:var(--nn-face-ink)}.nn-card-cta{margin-top:auto;min-width:45%;max-width:100%;padding:.4rem 1.2rem;font-family:"GraphikTH-SemiBold","Prompt","Noto Sans TC",sans-serif;font-size:1rem;text-transform:uppercase;white-space:nowrap;background-color:var(--nn-face-cta-bg);color:var(--nn-face-cta-ink)}.nn-card-active.is-flipped .nn-card-face{opacity:1;visibility:visible}@media(hover: hover){.nn-card-active:hover .nn-card-face{opacity:1;visibility:visible}}.nn-card-via3461{--nn-face-bg: #c8e4f2;--nn-face-title: #7b6154;--nn-face-rule: #f5ff9c;--nn-face-ink: #000000;--nn-face-cta-bg: #f5ff9c;--nn-face-cta-ink: #7b6154}.nn-card-viaari{--nn-face-bg: #da634f;--nn-face-title: #20333a;--nn-face-rule: #20333a;--nn-face-ink: #20333a;--nn-face-cta-bg: #20333a;--nn-face-cta-ink: #f5f5f5}.nn-card-shush{--nn-face-bg: #d62e2b;--nn-face-title: #ffffff;--nn-face-rule: #7d1419;--nn-face-ink: #ffffff;--nn-face-cta-bg: #7d1419;--nn-face-cta-ink: #f5f5f5}@media(min-width: 768px){.nn-shelf-grid{--nn-bar: 2.2rem;grid-template-columns:repeat(3, 1fr);row-gap:calc(var(--nn-bar) + 6rem);max-width:96rem;margin-top:8rem}.nn-card-desc{display:block;font-size:1rem}}@media(min-width: 992px){.nn-shelf-grid{--nn-gap: 4rem;--nn-edge: 4rem}.nn-card-title{font-size:1.6rem}.nn-card-desc,.nn-card-cta{font-size:1.3rem}.nn-card-cta{padding-block:.6rem}}@media(min-width: 1200px){.nn-shelf-grid{--nn-gap: clamp(3rem, 3.4vw, 6.55rem);--nn-edge: clamp(3rem, 2.8vw, 5.3rem);--nn-bar: clamp(2.2rem, 1.7vw, 3.2rem);grid-template-columns:repeat(5, 1fr);row-gap:calc(var(--nn-bar) + 10.3rem);max-width:calc(161.2rem + var(--nn-edge)*2);margin-top:15rem}}