@font-face{font-family:Fredoka;src:url('../fonts/fredoka.ttf') format('truetype');font-weight:500 700;font-display:swap}@font-face{font-family:'Plus Jakarta Sans';src:url('../fonts/jakarta.ttf') format('truetype');font-weight:400 800;font-display:swap}
:root{--choco:#481107;--cream:#fef6e5;--paper:#fffaf0;--kraft:#f4d9b2;--pandan:#8bcb5a;--muted:#7b5b48;--line:#e6d3b9;--font-display:Fredoka,system-ui,sans-serif;--font-body:'Plus Jakarta Sans',system-ui,sans-serif;--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--choco);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}svg{width:23px;height:23px;flex-shrink:0}a:focus-visible,summary:focus-visible{outline:3px solid #4f8f32;outline-offset:5px}.skip{position:fixed;top:-70px;left:12px;padding:12px;background:var(--choco);color:white;z-index:20}.skip:focus{top:12px}.shell{max-width:1100px;margin:auto;padding:0 20px}.topbar{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.topbar img{width:100px;height:100px;object-fit:contain}.topbar>span{font-size:9px;font-weight:700;line-height:1.7;letter-spacing:1.5px;text-align:right}.brand-story{position:relative;margin-top:24px;background:var(--kraft);border-radius:24px;overflow:hidden;padding:25px 21px;min-height:239px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:1.5px;margin:0 0 12px}.story-copy{position:relative;z-index:2;max-width:65%}.story-copy .eyebrow{font-size:8px;letter-spacing:1px}h1,h2,p{margin-top:0}h1{font-family:var(--font-display);font-weight:500;font-size:44px;line-height:.98;letter-spacing:-1.4px;margin-bottom:15px}h1 em{font-style:normal;color:var(--choco)}.tagline{font-size:11px;line-height:1.7;margin:0}.donut-scene{position:absolute;right:-38px;top:46px;width:210px;height:210px}.donut-scene img{height:auto;position:absolute;width:193px;right:0;top:0;transform:rotate(-17deg);filter:drop-shadow(0 12px 12px #48110726)}.donut-ring{position:absolute;border:1px solid #aa73474d;border-radius:50%;inset:-15px}.donut-ring:after{content:'';position:absolute;border:1px solid #aa734726;border-radius:50%;inset:-20px}.small-note{display:none}.story-footer{display:none}.hub{padding-top:30px}.hub-intro .eyebrow{color:var(--muted);margin-bottom:8px}h2{font-family:var(--font-display);font-size:32px;font-weight:500;line-height:1.15;letter-spacing:-.5px;margin-bottom:10px}.hub-intro>p:last-child{color:var(--muted);font-size:12px;line-height:1.7;margin-bottom:22px}.links{display:grid;gap:10px}.link-card,summary{display:flex;align-items:center;gap:13px;padding:17px 15px;min-height:84px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);transition:transform .2s,background .2s,border-color .2s}.link-card.primary{background:var(--choco);color:var(--cream);border-color:var(--choco)}.icon{width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#f4d9b25e;flex-shrink:0}.primary .icon{background:#ffffff14;color:var(--pandan)}.link-copy{flex:1;min-width:0;display:grid;gap:4px}.link-copy strong{font-size:12px;font-weight:800;line-height:1.4}.link-copy>span{font-size:10px;color:var(--muted);line-height:1.6}.primary .link-copy>span{color:#e6cdb2}.arrow{display:flex;flex-shrink:0;align-self:center}.arrow svg{width:18px;height:18px}.primary .arrow{color:var(--pandan)}.outlets{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper)}summary{list-style:none;border:0;background:transparent;cursor:pointer}summary::-webkit-details-marker{display:none}.outlets[open] summary .arrow{transform:rotate(180deg)}.outlet-list{margin:0 16px 9px;padding:0 0 0 0}.outlet-list a{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:17px 0;gap:10px}.outlet-list strong{display:block;font-size:12px}.outlet-list small{font-size:10px;color:var(--muted);display:block;margin-top:3px}.map-action{display:flex;align-items:center;gap:4px;font-size:9px;white-space:nowrap;font-weight:700}.map-action svg{width:15px;height:15px}.social-area{text-align:center;margin-top:30px}.social-area .eyebrow{font-size:8px;color:var(--muted);margin-bottom:12px}.socials{display:flex;gap:12px;justify-content:center}.socials a{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;min-height:44px;padding:8px 18px;border:1px solid var(--line);border-radius:30px}.socials svg{width:18px;height:18px}.website{display:flex;gap:9px;align-items:center;justify-content:center;margin-top:20px;font-size:10px;min-height:44px}.website svg{width:16px;height:16px}.page-footer{margin-top:30px;padding:22px 0 26px;border-top:1px solid var(--line);display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:9px}.page-footer>span:last-child{font-size:8px}.link-card:hover,summary:hover{border-color:#aa7347;background:#f7ead6}.link-card.primary:hover{background:#642719}.socials a:hover{background:var(--kraft)}.outlet-list a:hover strong,.website:hover strong{text-decoration:underline;text-underline-offset:4px}
@media(min-width:480px) and (max-width:819px){.shell{max-width:580px;padding:0 28px}.brand-story{min-height:260px;padding:30px}h1{font-size:53px}.donut-scene{width:260px;height:260px;right:-18px;top:22px}.donut-scene img{width:240px}.story-copy{max-width:58%}.tagline{font-size:12px}.link-copy strong{font-size:14px}.link-copy>span{font-size:11px}}
@media(min-width:820px){.shell{padding:0 36px}.topbar{height:114px}.topbar img{width:112px;height:112px}.topbar>span{font-size:10px}main{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;padding-top:40px}.brand-story{margin:0;min-height:690px;padding:40px;position:sticky;top:28px;border-radius:32px}.story-copy{max-width:100%}.story-copy .eyebrow{font-size:9px;letter-spacing:1.4px}h1{font-size:76px;letter-spacing:-2px;margin:22px 0}.tagline{font-size:13px}.donut-scene{width:340px;height:340px;top:295px;right:18px}.donut-scene img{width:325px}.small-note{display:block;position:absolute;bottom:2px;left:5px;background:var(--pandan);padding:17px 21px;border-radius:50%;font-size:12px;font-weight:800;line-height:1.4;transform:rotate(-12deg);z-index:3}.story-footer{display:flex;justify-content:space-between;align-items:center;position:absolute;left:40px;right:40px;bottom:28px;font-size:9px;font-weight:800;letter-spacing:1.5px;line-height:1.7}.story-footer svg{width:28px;height:28px}.hub{padding-top:8px}.hub-intro .eyebrow{font-size:9px}h2{font-size:39px}.hub-intro>p:last-child{font-size:13px;margin-bottom:25px}.link-card,summary{padding:17px;min-height:88px}.link-copy strong{font-size:13px}.link-copy>span{font-size:10px}.social-area{margin-top:26px}.page-footer{flex-direction:row;justify-content:space-between;margin-top:40px;padding:22px 0;font-size:10px}.page-footer>span:last-child{font-size:9px}.brand-story{animation:arrive .6s ease both}.hub{animation:arrive .6s .1s ease both}}
@media(min-width:1050px){.link-copy strong{font-size:14px}.link-copy>span{font-size:11px}.brand-story{min-height:714px}.donut-scene{right:16px;top:306px;width:355px;height:355px}.donut-scene img{width:348px}}
@media(max-width:350px){.shell{padding:0 14px}.brand-story{padding:22px 17px}.donut-scene{right:-65px}.link-card,summary{gap:9px;padding:15px 12px}.icon{width:32px;height:35px}.link-copy strong{font-size:11px}.link-copy>span{font-size:9px}.topbar>span{font-size:8px}.outlet-list a{align-items:flex-start}.map-action{font-size:8px}.outlet-list small{max-width:160px}}
@keyframes arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}