/* The complete transparent logo is the default; motion is a progressive enhancement. */
:root{--intro-bg:#100D0B;--intro-ink:#FFF7EA;--intro-muted:#C9BBA8;--intro-rule:#57432B;--night-amount:1}
.logo-story{position:relative;background:var(--cream)}
.logo-scene{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-height:600px;height:calc(100svh - var(--header-height));padding:24px 40px 30px;background:var(--cream);overflow:hidden}
.story-topline{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;width:100%;max-width:1180px;margin:0 auto;font-size:.8125rem;letter-spacing:.09em;color:var(--cocoa)}
.story-topline a{font-size:.875rem;letter-spacing:0;border-bottom:1px solid var(--gold);padding:6px 0}
.story-skip:hover{border-bottom-color:currentColor}
.logo-media{min-height:0;display:flex;align-items:center;justify-content:center;padding:14px 0}
.logo-art{position:relative;width:min(830px,calc((100svh - 320px)*1.5));max-width:100%;aspect-ratio:3/2;transform-origin:center;isolation:isolate}
.logo-art img{display:block;width:100%;height:100%;object-fit:contain}
.logo-complete{position:relative}
.logo-pieces{display:none;position:absolute;inset:0;transform-origin:center}
.logo-piece{position:absolute;inset:0}
/* Spatial masks preserve the supplied lettering and watercolor artwork. */
.piece-stand{clip-path:polygon(24.5% 70.5%,75.5% 70.5%,75.5% 75.5%,61% 75.5%,61% 88%,39% 88%,39% 75.5%,24.5% 75.5%)}
.piece-plate{clip-path:inset(35.8% 20% 57.8% 20%)}
.piece-meetha{clip-path:inset(42.2% 21% 43.6% 21%)}
.piece-adda{clip-path:inset(56.4% 23.8% 29.5% 23.8%)}
.piece-left{clip-path:polygon(8% 38%,20.2% 38%,20.2% 52.5%,24.1% 59%,24.1% 76.5%,29% 84.5%,29% 87%,8% 87%)}
.piece-right{clip-path:polygon(92% 38%,79.8% 38%,79.8% 52.5%,75.9% 59%,75.9% 76.5%,71% 84.5%,71% 87%,92% 87%)}
.piece-desserts{clip-path:polygon(28% 5%,47.85% 5%,47.85% 20.8%,49.3% 20.8%,50.7% 21.1%,52% 21.8%,53.3% 21.2%,54.3% 20.3%,55% 19%,56.4% 19.6%,59.4% 19.6%,59.4% 5%,72% 5%,72% 35.8%,28% 35.8%)}
.piece-strawberry{clip-path:polygon(47.85% 5%,59.4% 5%,59.4% 19.6%,56.4% 19.6%,55% 19%,54.3% 20.3%,53.3% 21.2%,52% 21.8%,50.7% 21.1%,49.3% 20.8%,47.85% 20.8%)}
.piece-tagline{clip-path:inset(88% 18% 3% 18%)}
.story-bottom{text-align:center;position:relative;z-index:2}
.story-words{position:relative;min-height:88px}
.story-line{position:absolute;inset:0;margin:0;opacity:0;color:var(--chocolate)}
.story-line:last-child{opacity:1}
.story-line span{display:block;font:500 clamp(1.8rem,3.2vw,2.6rem)/1.2 var(--display);letter-spacing:-.02em}
.story-line small{display:block;font-size:.9375rem;line-height:1.5;color:var(--cocoa);margin-top:9px}
.scroll-cue{display:flex;align-items:center;justify-content:center;gap:16px;font-size:.8125rem;color:var(--cocoa);margin-top:6px;min-height:1.65em}
.story-track{display:none}
.story-track{width:76px;height:2px;background:var(--intro-rule);overflow:hidden}
.story-track>span{display:block;height:100%;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left}
/* Reserve the stand-only opening while the single shared image decodes. */
:is(.intro-pending,.logo-motion) .home-page .header{background:var(--intro-bg);color:var(--intro-ink);border-bottom-color:var(--intro-rule)}
:is(.intro-pending,.logo-motion) .home-page .header .brand{opacity:0;visibility:hidden}
:is(.intro-pending,.logo-motion) .home-page .menu-toggle{color:var(--intro-ink)}
:is(.intro-pending,.logo-motion) .home-page .nav a:hover,
:is(.intro-pending,.logo-motion) .home-page .nav a[aria-current]{border-bottom-color:var(--gold)}
:is(.intro-pending,.logo-motion) .logo-story,
:is(.intro-pending,.logo-motion) .logo-scene{background:var(--intro-bg);color:var(--intro-ink)}
:is(.intro-pending,.logo-motion) .logo-scene{min-height:0}
:is(.intro-pending,.logo-motion) .story-topline,
:is(.intro-pending,.logo-motion) .scroll-cue,
:is(.intro-pending,.logo-motion) .story-line small{color:var(--intro-muted)}
:is(.intro-pending,.logo-motion) .story-line{color:var(--intro-ink);opacity:0}
:is(.intro-pending,.logo-motion) .story-line:first-child{opacity:1}
:is(.intro-pending,.logo-motion) .story-track{display:block}
:is(.intro-pending,.logo-motion) .logo-pieces{display:block}
:is(.intro-pending,.logo-motion) .logo-piece{opacity:0}
:is(.intro-pending,.logo-motion) .piece-stand{opacity:1}
:is(.intro-pending,.logo-motion) .logo-complete{position:absolute;inset:0;opacity:0;pointer-events:none}
.intro-pending .logo-pieces{transform:translate3d(0,-28%,0) scale(1.1)}
.logo-motion .logo-story{height:550svh;min-height:2600px}
.logo-motion .logo-scene{position:sticky;top:var(--header-height)}
.header:has(.nav.open){z-index:40}
.logo-motion .logo-art,.logo-motion .logo-pieces,.logo-motion .logo-piece{will-change:transform,opacity}
:is(.intro-pending,.logo-motion) .branch-art{filter:brightness(1.25) saturate(.88) drop-shadow(0 0 .8px rgba(228,200,145,.48))}
:is(.intro-pending,.logo-motion) .piece-tagline img{visibility:hidden}
:is(.intro-pending,.logo-motion) .piece-tagline::after{content:'';position:absolute;inset:0;background:#D8B985;-webkit-mask:url('/images/logo/meetha-adda-night.webp') center/100% 100% no-repeat;mask:url('/images/logo/meetha-adda-night.webp') center/100% 100% no-repeat}
/* Sparse, slow gold dust and a light sweep restricted to the stand's alpha. */
.gold-dust{display:none;position:absolute;inset:0;pointer-events:none;opacity:var(--night-amount)}
:is(.intro-pending,.logo-motion) .gold-dust{display:block}
.gold-dust i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;border-radius:50%;background:#E9C68A;opacity:0;animation:gold-drift var(--duration) linear var(--delay) infinite}
.gold-dust i:nth-child(3n){width:3px;height:3px}
.gold-dust i:nth-child(4n){width:1px;height:1px}
.gold-glint{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 42%,rgba(255,239,191,.8) 49%,transparent 56%);background-size:260% 100%;background-repeat:no-repeat;opacity:0;-webkit-mask:url('/images/logo/meetha-adda-night.webp') center/100% 100% no-repeat;mask:url('/images/logo/meetha-adda-night.webp') center/100% 100% no-repeat;animation:gold-sweep 11s ease-in-out -7s infinite}
.piece-plate .gold-glint{animation-delay:-3s}
@keyframes gold-drift{0%{transform:translate3d(0,16px,0);opacity:0}30%{opacity:.38}70%{opacity:.2}100%{transform:translate3d(10px,-42px,0);opacity:0}}
@keyframes gold-sweep{0%,60%{background-position:160% 0;opacity:0}67%{opacity:.48}82%,100%{background-position:-90% 0;opacity:0}}
.dessert-intro{border-top:1px solid var(--gold);background:color-mix(in srgb,var(--blush) 18%,var(--cream));scroll-margin-top:var(--header-height)}.dessert-intro-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:90px;align-items:center}.dessert-copy h2{font-size:clamp(3rem,5.5vw,5.5rem);margin-bottom:30px}.dessert-copy p{max-width:480px;font-size:1.0625rem}.dessert-copy .button{margin-top:18px}.dessert-portrait{margin:0}.portrait-frame{position:relative;border:1px solid var(--gold);padding:10px;border-radius:48% 48% 3px 3px}.portrait-frame img{display:block;aspect-ratio:4/5;width:100%;object-fit:cover;object-position:center 51%;border-radius:48% 48% 1px 1px}.dessert-portrait figcaption{display:flex;flex-direction:column;gap:2px;text-align:center;padding-top:22px;color:var(--cocoa);font-size:.875rem}.dessert-portrait figcaption span:first-child{font-family:var(--display);font-style:italic;font-size:1.4rem;color:var(--chocolate)}
.menu-spotlight{background:var(--cream)}.spotlight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:55px}.spotlight-card{display:block;min-width:0}.spotlight-picture{overflow:hidden;border-radius:45% 45% 3px 3px;background:var(--blush)}.spotlight-picture img{display:block;aspect-ratio:4/5;width:100%;height:auto;object-fit:cover;object-position:center 50%;transition:transform .6s}.spotlight-card:first-child .spotlight-picture img{object-position:center 54%}.spotlight-card:last-child .spotlight-picture img{object-position:center 42%}.spotlight-card:hover .spotlight-picture img{transform:scale(1.045)}.spotlight-card:hover h3{color:var(--strawberry)}.spotlight-card:nth-child(2){margin-top:65px}.spotlight-num{display:block;font-size:.8125rem;letter-spacing:.11em;color:var(--cocoa);margin-top:25px}.spotlight-card h3{font-size:clamp(1.9rem,2.8vw,2.75rem);margin:10px 0}.spotlight-card p{font-size:.9375rem;margin-bottom:0}.concept-note{font-size:.875rem;margin:45px 0 0;max-width:680px}.statement{background:var(--blush);border-block:1px solid var(--gold);text-align:center;padding:115px 0 90px}.statement h2{font-size:clamp(3.5rem,8vw,8rem);line-height:1.04;margin:16px 0 35px}.statement>div>p{font-size:1.125rem;color:var(--chocolate);margin-bottom:60px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid color-mix(in srgb,var(--cocoa) 30%,transparent);padding-top:40px}.feature-row span{font:500 1.65rem/1.2 var(--display)}.feature-row p{font-size:.9375rem;margin:12px 0 0}.last-call{text-align:center}.last-call h2{font-size:clamp(3.25rem,6.2vw,6rem);margin-bottom:28px}.last-call p{max-width:570px;margin:0 auto;font-size:1.0625rem}.last-call .actions{justify-content:center;margin-top:35px}.reveal{opacity:1;transform:none}.js-motion .reveal{opacity:0;transform:translateY(32px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1000px){.dessert-intro-grid{gap:45px}.logo-scene{padding-inline:28px}.spotlight-grid{gap:24px}}
@media(max-width:700px){.logo-scene{padding:18px 20px 26px;min-height:510px}.logo-art{width:min(100%,620px,calc((100svh - 300px)*1.5))}.logo-media{padding:15px 0}.story-topline{font-size:.7rem;letter-spacing:.065em;align-items:flex-start}.story-topline>span{max-width:135px}.story-topline a{font-size:.8125rem;white-space:nowrap}.story-words{min-height:116px}.story-line span{font-size:clamp(1.55rem,6.3vw,1.9rem);max-width:340px;margin-inline:auto}.story-line small{font-size:.875rem;max-width:260px;margin:9px auto 0}.scroll-cue{gap:10px;font-size:.75rem}:is(.intro-pending,.logo-motion) .home-page .nav{background:var(--intro-bg);color:var(--intro-ink)}.dessert-intro-grid{display:flex;flex-direction:column;gap:42px;align-items:stretch}.dessert-copy h2{font-size:clamp(3rem,10.5vw,4.5rem)}.dessert-copy p{font-size:1rem}.dessert-portrait{max-width:450px;width:100%;align-self:center}.spotlight-grid{grid-template-columns:1fr;gap:42px;margin-top:38px}.spotlight-card{max-width:450px;width:100%;margin-inline:auto}.spotlight-card:nth-child(2){margin-top:0}.spotlight-picture img{aspect-ratio:5/4;border-radius:38% 38% 0 0}.spotlight-picture{border-radius:38% 38% 3px 3px}.spotlight-card h3{font-size:2.4rem}.spotlight-num{margin-top:20px}.statement{padding:80px 0 65px}.statement h2{font-size:clamp(3.1rem,11.5vw,5rem)}.feature-row{grid-template-columns:1fr;gap:30px;padding-top:32px}.statement>div>p{margin-bottom:40px}.last-call .actions{flex-direction:column;align-items:center}.last-call .button{width:100%;max-width:320px}}
@media(max-height:640px) and (min-width:701px){.logo-scene{min-height:480px;padding-block:14px}.logo-art{width:min(650px,calc((100svh - 270px)*1.5))}.story-words{min-height:70px}.story-line span{font-size:1.9rem}.story-line small{font-size:.875rem}.logo-media{padding:0}}
@media(prefers-reduced-motion:reduce){.logo-story,.logo-motion .logo-story{height:auto;min-height:0}.logo-scene,.logo-motion .logo-scene{position:relative;top:auto}.logo-motion .logo-pieces{display:none}.logo-complete,.logo-motion .logo-complete{position:relative;opacity:1!important}.logo-art,.logo-motion .logo-art{transform:none!important;opacity:1!important}.logo-motion .header .brand{opacity:1!important;visibility:visible!important}.gold-dust,.gold-glint,.scroll-cue{display:none!important}.js-motion .reveal{opacity:1;transform:none}.story-line{display:none}.story-line:last-child{display:block;opacity:1!important}}