.night-box,.night-serve,.night-story{--muted-color:#ffffffb8;--glass-border:#ffffff24;--accent:#fde4a8;--on-accent:#1f1300;--font-nav:var(--font-manrope), var(--font-inter), sans-serif;--font-heading:var(--font-galada), "Brush Script MT", cursive;padding-block:clamp(64px,9vw,120px)}:is(.night-box,.night-serve,.night-story) .nt-eyebrow{font-family:var(--font-nav);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1.2rem;font-size:.75rem;font-weight:700}:is(.night-box,.night-serve,.night-story) .nt-big{font-family:var(--font-heading);text-wrap:balance;max-width:14ch;font-size:clamp(3rem,6.6vw,6rem);font-weight:400;line-height:.9}:is(.night-box,.night-serve,.night-story) .nt-lede{color:var(--muted-color);max-width:56ch;margin-top:1rem;font-size:1.08rem;line-height:1.6}.night-box .box{background:linear-gradient(135deg,#fde4a829,#ffffff0a);border:1px solid #fde4a859;border-radius:36px;grid-template-columns:1.1fr .9fr;align-items:center;gap:2.4rem;padding:clamp(24px,4vw,56px);display:grid}.night-box .box-row{justify-content:center;align-items:flex-end;height:220px;display:flex}.night-box .box-row .mini{aspect-ratio:2/5;height:100%;margin-inline:-14px}.night-box .box-row .mini:nth-child(odd){height:88%}.night-box .box-row .mini[data-drink=king-coconut]{height:100%;margin-inline:-4px}.night-box .box-row .mini>*{filter:drop-shadow(0 18px 24px #00000073)}.night-box .box .nt-lede{margin-bottom:1.6rem}.night-box .primary-btn{color:#fff;background:#00000080;border-radius:100px;align-items:center;gap:1.2rem;width:fit-content;padding:.4rem .4rem .4rem 1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.night-box .primary-btn:hover{background:#000000b8;transform:translateY(-3px)}.night-box .plus-icon{background:var(--accent);color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding-bottom:2px;font-size:1.4rem;font-weight:900;line-height:1;display:flex}@media (max-width:820px){.night-box .box{grid-template-columns:1fr}.night-box .box-row{order:-1;height:170px}}.night-serve .serve{grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:2.4rem;list-style:none;display:grid}.night-serve .serve li{border-top:1px solid var(--glass-border);padding-top:1.2rem}.night-serve .serve h3{font-family:var(--font-heading);margin-bottom:.6rem;font-size:2rem;font-weight:400;line-height:1}.night-serve .serve p{color:var(--muted-color);line-height:1.55}.night-serve .serve span{letter-spacing:.16em;text-transform:uppercase;color:var(--accent);margin-top:.8rem;font-size:.72rem;font-weight:700;display:block}@media (max-width:820px){.night-serve .serve{grid-template-columns:1fr}}.night-story .nt-big{max-width:none}.night-story .story-line{display:block}.night-story .story-chapters{border-top:1px solid var(--glass-border);grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2.6rem;padding-top:1.6rem;list-style:none;display:grid}.night-story .story-marker{font-family:var(--font-heading);color:var(--accent);margin-bottom:1rem;font-size:2.4rem;line-height:1}.night-story .story-chapters h3{font-size:1rem;font-weight:700}.night-story .story-chapters li>p:last-child{color:var(--muted-color);margin-top:.2rem;line-height:1.55}@media (max-width:960px){.night-story .story-chapters{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.night-story .story-chapters{grid-template-columns:1fr}}
.night-hero{--muted-color:#ffffffb8;--glass-bg:#ffffff0f;--glass-border:#ffffff24;--accent:#fde4a8;--on-accent:#1f1300;--font-nav:var(--font-manrope), var(--font-inter), sans-serif;--font-si:var(--font-sinhala), "Iskoola Pota", sans-serif;--font-heading:var(--font-galada), "Brush Script MT", cursive}.night-hero button{font:inherit;cursor:pointer}.night-hero .hero{z-index:1;justify-content:center;align-items:center;height:100svh;min-height:640px;margin-top:-4rem;padding:5rem max(4%,16px) 0;display:flex;position:relative;overflow:clip}.night-hero .hero-content{justify-content:space-between;align-items:stretch;width:100%;height:100%;display:flex;position:relative}.night-hero .main-title,.night-hero .side-title{font-family:var(--font-heading);white-space:nowrap;color:#fff;font-size:clamp(4.6rem,9.4vw,11rem);font-weight:400;line-height:.82}.night-hero .side-title{text-wrap:balance;font-size:clamp(3.6rem,7.4vw,8.6rem)}.night-hero .leaves-container,.night-hero .fruit-bg,.night-hero .fruit-fg{pointer-events:none;transition:transform .1s ease-out;position:absolute;inset:0}.night-hero .leaves-container{z-index:-1}.night-hero .fruit-bg{z-index:0}.night-hero .fruit-fg{z-index:110}.night-hero .leaf{filter:drop-shadow(0 5px 15px #00000040);width:70px;height:70px;position:absolute}.night-hero .leaf svg,.night-hero .fruit svg{width:100%;height:100%;display:block}.night-hero .l1{top:9%;left:14%}.night-hero .l2{opacity:.4;width:150px;height:150px;top:38%;left:82%}.night-hero .l3{width:90px;height:90px;top:70%;left:74%}.night-hero .l4{opacity:.3;width:130px;height:130px;top:84%;left:19%}.night-hero .fruit{filter:drop-shadow(0 12px 22px #00000059);will-change:transform;opacity:0;width:120px;height:120px;position:absolute}.night-hero .ready .fruit{opacity:1}.night-hero .b1{width:150px;height:150px;top:24%;left:29%}.night-hero .b2{width:80px;height:80px;top:62%;left:41%}.night-hero .b3{width:170px;height:170px;top:28%;left:63%}.night-hero .b4{width:96px;height:96px;top:12%;left:48%}.night-hero .b5{width:100px;height:100px;top:74%;left:21%}.night-hero .b6{width:130px;height:130px;top:50%;left:74%}.night-hero .ready .b7{opacity:.7;width:64px;height:64px;top:15%;left:39%}.night-hero .ready .b8{opacity:.6;width:56px;height:56px;top:52%;left:56%}.night-hero .ready .b9{opacity:.7;width:60px;height:60px;top:80%;left:35%}.night-hero .b7{width:64px;height:64px;top:15%;left:39%}.night-hero .b8{width:56px;height:56px;top:52%;left:56%}.night-hero .b9{width:60px;height:60px;top:80%;left:35%}.night-hero .hero-left{z-index:100;flex-direction:column;gap:1.6rem;min-width:0;height:100%;padding:5rem 0 4rem;display:flex;position:relative}.night-hero .kicker{font-family:var(--font-nav);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);min-height:1em;font-size:.72rem;font-weight:700}.night-hero .description{color:var(--muted-color);max-width:380px;min-height:3.2em;font-size:1.1rem;line-height:1.6}.night-hero .cta-group{flex-wrap:wrap;align-items:center;gap:.8rem;display:flex}.night-hero .primary-btn{color:#fff;background:#00000080;border:0;border-radius:100px;align-items:center;gap:1.2rem;width:fit-content;padding:.4rem .4rem .4rem 1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:flex}.night-hero .primary-btn:hover{background:#000000b8;transform:translateY(-3px)}.night-hero .plus-icon{background:var(--accent);color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;padding-bottom:2px;font-size:1.4rem;font-weight:900;line-height:1;display:flex}.night-hero .ghost-btn{border:1px solid var(--glass-border);color:#fff;background:0 0;border-radius:100px;padding:.8rem 1.3rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .3s}.night-hero .ghost-btn:hover{background:var(--glass-bg)}.night-hero .award-badge{align-items:center;gap:1rem;margin-top:auto;display:flex}.night-hero .award-icon{background:var(--glass-bg);border:1px solid var(--glass-border);width:48px;height:48px;color:var(--accent);border-radius:12px;justify-content:center;align-items:center;display:flex}.night-hero .award-text{flex-direction:column;display:flex}.night-hero .award-title{letter-spacing:.1em;color:var(--muted-color);font-size:.7rem}.night-hero .award-subtitle{font-size:.85rem;font-weight:600}.night-hero .hero-center{z-index:1;opacity:0;pointer-events:none;background:radial-gradient(circle,#fff0c81a 0%,#0000 60%);justify-content:center;align-items:center;animation:1.5s ease-out .3s forwards night-fade-in,6s ease-in-out infinite night-float;display:flex;position:absolute;inset:0}.night-hero .stage3d{perspective:1100px;justify-content:center;align-items:center;width:min(26vw,300px);height:min(72vh,640px);display:flex}.night-hero .product{width:100%;height:100%;transform-style:preserve-3d;will-change:transform, filter;justify-content:center;align-items:center;display:flex;transform:rotate(12deg)}.night-hero .product img,.night-hero .product svg{object-fit:contain;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 40px 50px #00000073);width:auto;max-width:100%;height:100%;display:block}.night-hero .hero-right{text-align:right;z-index:100;pointer-events:none;flex-direction:column;justify-content:space-between;align-items:flex-end;width:460px;min-width:0;max-width:46%;height:100%;padding:5rem 0 4rem;display:flex;position:relative}.night-hero .product-carousel{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:1.2rem;max-width:100%;display:flex}.night-hero .carousel-cards{scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;gap:1rem;max-width:100%;margin-top:-5.5rem;padding:5.5rem 4px 6px;display:flex;overflow-x:auto}.night-hero .carousel-cards::-webkit-scrollbar{display:none}.night-hero .card{scroll-snap-align:end;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);text-align:center;color:#fff;border-radius:28px;flex-direction:column;flex:0 0 135px;align-items:center;gap:1.1rem;padding:5rem 1rem 1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative}.night-hero .card:hover{background:#ffffff1f;border-color:#fff6}.night-hero .card[aria-pressed=true]{border-color:var(--accent)}.night-hero .card .thumb{aspect-ratio:2/5;pointer-events:none;height:132px;margin-top:-8rem;transition:transform .5s cubic-bezier(.34,1.56,.64,1);display:block}.night-hero .card .thumb svg,.night-hero .card .thumb img{filter:drop-shadow(0 18px 28px #00000080);width:auto;height:100%}.night-hero .card:not([aria-pressed=true]) .thumb{filter:brightness(.75)}.night-hero .card:hover .thumb{transform:translateY(-26px)rotate(-12deg)scale(1.12)}.night-hero .card-info{flex-direction:column;width:100%;font-size:.74rem;display:flex}.night-hero .card-info span:first-child{font-weight:600}.night-hero .card-info span:last-child{color:var(--muted-color);font-variant-numeric:tabular-nums}.night-hero .carousel-nav{align-items:center;gap:.8rem;display:flex}.night-hero .carousel-nav .idx{color:var(--muted-color);font-variant-numeric:tabular-nums;letter-spacing:.08em;margin-right:.4rem;font-size:.75rem}.night-hero .nav-arrow{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .3s;display:flex}.night-hero .nav-arrow:hover{background:#ffffff1f}.night-hero .side-block{flex-direction:column;align-items:flex-end;gap:.7rem;max-width:100%;display:flex}.night-hero .side-si{font-family:var(--font-si);color:var(--muted-color);font-size:1.05rem}.night-hero .notes{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;list-style:none;display:flex}.night-hero .notes li{border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--muted-color);border-radius:100px;padding:.25rem .75rem;font-size:.78rem}@media (max-width:1200px){.night-hero .stage3d{width:min(30vw,260px);height:60vh}}@media (max-width:900px){.night-hero .hero{height:auto;min-height:100svh;padding-top:5.5rem;padding-bottom:1.5rem}.night-hero .hero-content{grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr) 72px;align-items:stretch;gap:0;display:grid}.night-hero .hero-left{grid-area:1/1/auto/-1;gap:1rem;padding:1rem 0 0}.night-hero .main-title{font-size:clamp(3.6rem,17vw,5.6rem)}.night-hero .hero-center{grid-area:2/1;height:46vh;min-height:300px;position:relative;inset:auto}.night-hero .stage3d{width:60vw;height:100%}.night-hero .hero-right{text-align:left;align-items:stretch;gap:1.2rem;width:100%;max-width:100%;padding:0;display:contents}.night-hero .side-block{grid-area:3/1/auto/-1;align-items:flex-start}.night-hero .side-title{font-size:clamp(3rem,13vw,4.6rem)}.night-hero .notes{justify-content:flex-start}.night-hero .product-carousel{pointer-events:auto;grid-area:2/2;align-self:stretch;min-height:0}.night-hero .carousel-cards{flex-direction:column;justify-content:center;align-items:center;gap:.6rem;height:100%;margin-top:0;padding:.4rem 0;overflow:hidden}.night-hero .card:not(.in-window){display:none}.night-hero .card{border-radius:18px;flex:none;justify-content:center;width:64px;height:92px;padding:.4rem}.night-hero .card .thumb{height:76px;margin-top:0}.night-hero .card:hover .thumb{transform:none}.night-hero .card-info,.night-hero .carousel-nav,.night-hero .award-badge{display:none}.night-hero .description{min-height:0}.night-hero .b1{width:74px;height:74px;top:46%;left:4%}.night-hero .b2{width:52px;height:52px;top:74%;left:12%}.night-hero .b3{width:84px;height:84px;top:50%;left:70%}.night-hero .b6{width:64px;height:64px;top:68%;left:74%}.night-hero .b4,.night-hero .b5,.night-hero .b9{display:none}.night-hero .ready .b7,.night-hero .b7{width:40px;height:40px;top:44%;left:58%}.night-hero .ready .b8,.night-hero .b8{width:36px;height:36px;top:64%;left:30%}.night-hero .l2{width:90px;height:90px;left:72%}.night-hero .l3{display:none}}@keyframes night-fade-in{to{opacity:1}}@keyframes night-float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.night-shop{--muted-color:#ffffffb8;--glass-bg:#ffffff0f;--glass-border:#ffffff24;--accent:#fde4a8;--on-accent:#1f1300;--font-nav:var(--font-manrope), var(--font-inter), sans-serif;--font-si:var(--font-sinhala), "Iskoola Pota", sans-serif;--font-heading:var(--font-galada), "Brush Script MT", cursive;padding-block:clamp(64px,9vw,120px)}.night-shop .nt-eyebrow{font-family:var(--font-nav);letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:1.2rem;font-size:.75rem;font-weight:700}.night-shop .nt-big{font-family:var(--font-heading);text-wrap:balance;max-width:14ch;font-size:clamp(3rem,6.6vw,6rem);font-weight:400;line-height:.9}.night-shop .nt-lede{color:var(--muted-color);max-width:56ch;font-size:1.08rem;line-height:1.6}.night-shop .head-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.night-shop .cravings{flex-wrap:wrap;gap:.5rem;margin:2rem 0 2.4rem;display:flex}.night-shop .crave{background:var(--glass-bg);border:1px solid var(--glass-border);color:var(--muted-color);font-family:var(--font-nav);cursor:pointer;border-radius:100px;padding:.6rem 1.1rem;font-size:.88rem;font-weight:600;transition:all .3s}.night-shop .crave:hover{color:#fff}.night-shop .crave[aria-pressed=true]{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.night-shop .pgrid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem;padding-top:3rem;list-style:none;display:grid}.night-shop .pcard{background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);border-radius:28px;flex-direction:column;gap:.45rem;padding:5.2rem 1.3rem 1.3rem;transition:opacity .35s,transform .35s,border-color .3s;display:flex;position:relative}.night-shop .pcard:hover{border-color:#fff6}.night-shop .pcard.dim{opacity:.28}.night-shop .pcard .glow{pointer-events:none;opacity:.55;border-radius:28px;position:absolute;inset:0}.night-shop .pcard .pthumb{aspect-ratio:2/5;cursor:pointer;background:0 0;border:0;height:150px;padding:0;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:absolute;top:-3.2rem;right:1rem}.night-shop .pcard .pthumb svg,.night-shop .pcard .pthumb img{filter:drop-shadow(0 18px 26px #00000080);width:auto;height:100%}.night-shop .pcard:hover .pthumb{transform:translateY(-14px)rotate(-8deg)}.night-shop .pcard h3{font-family:var(--font-heading);font-size:2.4rem;font-weight:400;line-height:.95;position:relative}.night-shop .pcard .psi{font-family:var(--font-si);color:var(--muted-color);font-size:.92rem;position:relative}.night-shop .pcard p{color:var(--muted-color);flex:1;font-size:.95rem;line-height:1.5;position:relative}.night-shop .pfoot{justify-content:space-between;align-items:center;margin-top:.7rem;display:flex;position:relative}.night-shop .pfoot b{font-variant-numeric:tabular-nums;font-size:1rem}.night-shop .add-sm{color:#fff;background:#00000073;border:0;border-radius:100px;align-items:center;gap:.6rem;min-height:44px;padding:.3rem .3rem .3rem 1rem;font-size:.88rem;font-weight:700;text-decoration:none;display:flex}.night-shop .add-sm span{background:var(--accent);color:var(--on-accent);border-radius:50%;place-items:center;width:34px;height:34px;font-weight:900;display:grid}.night-shop .tag{background:var(--accent);color:var(--on-accent);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;align-self:flex-start;padding:.1rem .5rem;font-size:.68rem;font-weight:800;position:relative}.night-shop button{font:inherit}@media (prefers-reduced-motion:reduce){.night-hero .hero-center{opacity:1;animation:none}}