:root{--blush:#f7ded8;--blush-light:#fff3ef;--cream:#fffaf5;--rose:#c8786b;--rose-dark:#a9503f;--brown:#5b392d;--ink:#3f302a;--muted:#75645d;--white:#fff;--line:#ead7cf;--serif:"Fraunces",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font:1rem/1.65 var(--sans)}
img{max-width:100%;display:block}
a{color:inherit}
.skip-link{position:fixed;top:-5rem;left:1rem;z-index:100;background:#fff;padding:.7rem 1rem;border-radius:99px}
.skip-link:focus{top:1rem}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cc-header{height:88px;display:flex;align-items:center;gap:2rem;padding:0 clamp(1.2rem,4vw,4.5rem);position:sticky;top:0;z-index:50;background:rgba(255,250,245,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(91,57,45,.1)}
.cc-brand{display:block;margin-right:auto}
.cc-brand img{width:150px;height:70px;object-fit:cover;object-position:center 47%;mix-blend-mode:multiply}
.cc-header nav{display:flex;align-items:center;gap:1.45rem}
.cc-header nav a{text-decoration:none;font-size:.86rem;font-weight:600}
.cc-header nav a:hover{color:var(--rose-dark)}
.cc-menu-toggle{display:none;border:0;background:none;padding:.5rem}
.cc-menu-toggle>span:not(.sr-only){display:block;width:24px;height:2px;background:var(--brown);margin:5px}
.pill{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.35rem;border:1px solid var(--rose-dark);border-radius:999px;background:var(--rose-dark);color:#fff;text-decoration:none;font:700 .92rem var(--sans);cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}
.pill:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(169,80,63,.2);background:var(--brown)}
.pill-small{padding:.65rem 1.05rem}
.cc-hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(3rem,7vw,8rem);padding:clamp(4rem,8vw,8rem) clamp(1.25rem,7vw,8rem);overflow:hidden;background:radial-gradient(circle at 8% 15%,#fff 0,transparent 30%),linear-gradient(135deg,var(--blush-light),var(--cream) 58%,#f6ded4)}
.hero-copy{max-width:720px}
.kicker{margin:0 0 1rem;color:var(--rose-dark);font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em}
.cc-hero h1,.section h2{font:600 clamp(3.3rem,7vw,6.9rem)/.98 var(--serif);letter-spacing:-.045em;color:var(--brown);margin:0}
.cc-hero h1 em{color:var(--rose-dark);font-style:italic}
.hero-lead{font-size:1.12rem;max-width:640px;color:var(--muted);margin:1.7rem 0}
.actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap}
.text-button{font-weight:700;color:var(--brown);text-underline-offset:.35rem}
.text-button span{color:var(--rose-dark);padding-left:.25rem}
.launch-note{font:500 1rem var(--serif);color:var(--muted);margin-top:1.5rem}
.launch-note span{color:var(--rose-dark);font-size:1.25rem}
.hero-art{position:relative;min-height:520px}
.poster-crop{position:absolute;inset:0;border-radius:48% 48% 2rem 2rem;overflow:hidden;background:var(--blush);box-shadow:0 30px 70px rgba(91,57,45,.16)}
.poster-crop img{width:148%;max-width:none;height:148%;object-fit:cover;object-position:69% 48%;transform:translate(-31%,-20%)}
.floating-note{position:absolute;right:-1.4rem;bottom:8%;display:flex;flex-direction:column;justify-content:center;width:128px;height:128px;text-align:center;border-radius:50%;background:var(--brown);color:#fff;box-shadow:0 15px 35px rgba(91,57,45,.25);transform:rotate(6deg)}
.floating-note strong{font:600 1.15rem var(--serif)}
.floating-note span{font-size:.76rem;color:#f3c8bf}
.section{padding:clamp(4.7rem,9vw,8rem) clamp(1.25rem,7vw,8rem)}
.center-heading{text-align:center;max-width:800px;margin:0 auto 3rem}
.center-heading h2{font-size:clamp(2.8rem,5vw,5rem)}
.center-heading>p:last-child{color:var(--muted);max-width:660px;margin:1.2rem auto}
.how{background:#fff}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;max-width:1180px;margin:auto}
.steps article{position:relative;padding:2.2rem;border:1px solid var(--line);border-radius:1.3rem;background:var(--cream)}
.step-icon{position:absolute;right:1.4rem;top:1.2rem;color:#c49b8f;font-size:.75rem;letter-spacing:.12em}
.mini-mark{width:56px;height:56px;display:grid;place-items:center;border-radius:50%;background:var(--blush);color:var(--rose-dark);font:600 1.6rem var(--serif)}
.steps h3,.values h3,.founders h3,.empty-story h3{font:600 1.45rem var(--serif);color:var(--brown);margin:1.1rem 0 .4rem}
.steps p,.values p,.founders p{color:var(--muted);margin:0}
.cause{background:var(--blush)}
.cause-card{max-width:1180px;margin:auto;padding:clamp(2.2rem,5vw,5rem);display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:3rem;border-radius:2rem;background:var(--cream);box-shadow:0 25px 65px rgba(91,57,45,.08)}
.cause-card h2{font-size:clamp(2.5rem,4.5vw,4.6rem)}
.cause-card p:not(.kicker){color:var(--muted);max-width:680px}
.cause-seal{width:min(230px,100%);aspect-ratio:1;display:grid;place-items:center;justify-self:end;border:1px solid #d9aaa0;border-radius:50%;background:radial-gradient(circle,#fff 0 45%,transparent 46%),repeating-conic-gradient(from 0deg,#f8ded7 0 10deg,#fff2ed 10deg 20deg);color:var(--rose-dark);text-align:center;font:600 1.3rem/1.25 var(--serif);text-transform:lowercase}
.about{background:var(--cream)}
.section-title{display:grid;grid-template-columns:.6fr 1.4fr;gap:3rem;align-items:start}
.section-title h2{font-size:clamp(2.8rem,5vw,5.2rem)}
.story-copy{max-width:820px;margin:3.5rem 0 0 auto;color:var(--muted)}
.large-copy{font:500 clamp(1.55rem,2.6vw,2.35rem)/1.4 var(--serif);color:var(--brown)}
.founder-heading{text-align:center;margin:7rem auto 2.5rem}
.founder-heading h2{font-size:clamp(2.5rem,4.5vw,4.6rem)}
.founders{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;max-width:920px;margin:auto}
.founders article{padding:1.5rem;border:1px solid var(--line);border-radius:1.4rem;background:#fff}
.founder-photo{aspect-ratio:4/3;display:grid;place-items:center;border-radius:1rem;background:linear-gradient(135deg,#f8d6ce,#f3bfb4);overflow:hidden}
.founder-photo-two{background:linear-gradient(135deg,#f5e1d8,#e9c6b8)}
.founder-photo span{display:grid;place-items:center;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.68);font:600 2.6rem var(--serif);color:var(--rose-dark)}
.founder-photo{aspect-ratio:4/5;background:var(--blush-light)}
.founder-photo img{width:100%;height:100%;object-fit:cover}
.founder-photo-shriya img{object-position:50% 30%}
.founder-photo-sanjana img{object-position:50% 38%}
.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin:5rem auto 1.5rem;max-width:1180px}
.mission-grid article{padding:clamp(2rem,4vw,3.5rem);border-radius:1.4rem;background:var(--brown);color:#fff}
.mission-grid article:nth-child(2){background:var(--rose-dark)}
.mission-grid .kicker{color:#f4beb3}
.mission-grid p:last-child{font:500 clamp(1.2rem,2vw,1.65rem)/1.55 var(--serif);margin:0}
.values{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1180px;margin:auto}
.values article{padding:1.5rem;border:1px solid var(--line);border-radius:1.2rem;background:#fff}
.values article>span{color:var(--rose-dark);font:600 1.4rem var(--serif)}
.order{background:var(--brown);color:#fff}
.order-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(3rem,7vw,7rem);align-items:center;max-width:1180px;margin:auto}
.order h2{color:#fff;font-size:clamp(3rem,5vw,5rem)}
.order p:not(.kicker){color:#eadfd9}
.category-list{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.7rem 0}
.category-list span{padding:.55rem .85rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;font-size:.82rem}
.order .pill{background:var(--blush);border-color:var(--blush);color:var(--brown)}
.menu-card{padding:clamp(1.6rem,4vw,3rem);border-radius:1.5rem;background:var(--cream);color:var(--brown);transform:rotate(1deg);box-shadow:0 25px 60px rgba(0,0,0,.15)}
.menu-label{margin:0 0 1rem!important;color:var(--rose-dark)!important;font-size:.76rem!important;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.menu-card>div{padding:1.1rem 0;border-bottom:1px solid var(--line)}
.menu-card strong,.menu-card span{display:block}
.menu-card span{color:var(--muted);font-size:.86rem}
.menu-foot{color:var(--muted)!important;font-size:.86rem}
.impact{background:#fff}
.impact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;max-width:1180px;margin:auto}
.impact-grid article{padding:2rem 1.2rem;text-align:center;border:1px solid var(--line);border-radius:1.2rem;background:var(--cream)}
.impact-grid strong,.impact-grid span{display:block}
.impact-grid strong{font:600 1.55rem var(--serif);color:var(--rose-dark)}
.impact-grid span{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}
.empty-story{max-width:820px;margin:2rem auto 0;padding:1.5rem;display:flex;gap:1rem;align-items:center;border-radius:1.2rem;background:var(--blush-light)}
.empty-story>span{display:grid;place-items:center;flex:0 0 58px;height:58px;border-radius:50%;background:var(--blush);color:var(--rose-dark);font-size:1.6rem}
.empty-story h3{margin:0}
.empty-story p{margin:.25rem 0 0;color:var(--muted)}
.partner{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(3rem,8vw,8rem);background:var(--blush-light)}
.partner-copy{position:sticky;top:130px;align-self:start}
.partner h2{font-size:clamp(3rem,5vw,5.2rem)}
.partner-copy p:not(.kicker){color:var(--muted)}
.cc-form{padding:clamp(1.5rem,4vw,3rem);border-radius:1.4rem;background:#fff;box-shadow:0 20px 50px rgba(91,57,45,.07)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}
label{display:block;margin-bottom:1rem;color:var(--brown);font-size:.88rem;font-weight:700}
label small{font-weight:400;color:var(--muted)}
input,textarea,select{display:block;width:100%;margin-top:.4rem;padding:.8rem .9rem;border:1px solid #d9c2ba;border-radius:.55rem;background:#fff;font:1rem var(--sans);color:var(--ink)}
input:focus,textarea:focus,select:focus{outline:3px solid rgba(200,120,107,.2);border-color:var(--rose)}
.form-note{font-size:.78rem;color:var(--muted)}
.contact{background:var(--rose-dark)}
.contact-card{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,8rem);align-items:center;max-width:1180px;margin:auto}
.contact h2{color:#fff;font-size:clamp(3rem,5vw,5.2rem)}
.contact .kicker{color:#ffd5cc}
.contact-card>div:first-child p:not(.kicker){color:#f7e1dc}
.contact-card>div:first-child>a{display:block;color:#fff;margin:.7rem 0;font-weight:700}
.contact-form{box-shadow:0 25px 60px rgba(84,33,25,.22)}
.cc-footer{padding:3.5rem clamp(1.25rem,7vw,8rem);display:grid;grid-template-columns:1fr 1fr 1fr;gap:2rem;background:var(--cream);border-top:1px solid var(--line)}
.footer-brand img{width:220px;height:120px;object-fit:cover;object-position:center 48%;mix-blend-mode:multiply}
.footer-brand p{margin:0;color:var(--muted);font:500 1.05rem var(--serif)}
.cc-footer nav,.footer-social{display:flex;flex-direction:column;gap:.45rem}
.cc-footer nav a,.footer-social a{color:var(--brown);font-size:.88rem}
.legal{grid-column:1/-1;border-top:1px solid var(--line);padding-top:1.3rem;color:var(--muted);font-size:.8rem}
.appear{animation:rise .7s ease both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}
to{opacity:1;transform:none}
}
@media(max-width:1040px){.header-order{display:none}
.cc-header nav{gap:1rem}
.values{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){.cc-menu-toggle{display:block}
.cc-header nav{display:none;position:absolute;top:87px;left:0;right:0;flex-direction:column;align-items:stretch;padding:1rem 1.2rem 1.4rem;background:var(--cream);box-shadow:0 16px 30px rgba(91,57,45,.1)}
.cc-header nav.open{display:flex}
.cc-header nav a{padding:.65rem}
.cc-hero,.section-title,.cause-card,.order-panel,.partner,.contact-card{grid-template-columns:1fr}
.hero-art{min-height:440px;max-width:540px;width:100%;margin:auto}
.cause-seal{justify-self:center}
.partner-copy{position:static}
.mission-grid,.founders{grid-template-columns:1fr}
.cc-footer{grid-template-columns:1fr 1fr}
.footer-brand{grid-column:1/-1}
}
@media(max-width:600px){.cc-header{height:78px;padding:0 1rem}
.cc-brand img{width:128px;height:60px}
.cc-header nav{top:77px}
.cc-hero{min-height:auto;padding:3.5rem 1.25rem}
.cc-hero h1{font-size:3.55rem}
.hero-art{min-height:370px}
.floating-note{right:-.3rem;width:104px;height:104px}
.section{padding:4rem 1.25rem}
.steps,.impact-grid,.values,.form-grid{grid-template-columns:1fr}
.steps article{padding:1.7rem}
.founder-heading{margin-top:5rem}
.cc-footer{grid-template-columns:1fr}
.cc-footer nav,.footer-social{grid-column:1}
.legal{grid-column:1}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.appear{animation:none}
.pill{transition:none}
}

/* Loaf-only homepage artwork */
.loaf-frame{position:absolute;inset:7% 1% 9%;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(169,80,63,.14);border-radius:46% 46% 24% 24% / 56% 56% 28% 28%;background:#f2c5ba;box-shadow:0 30px 70px rgba(91,57,45,.15)}
.loaf-frame img{width:91%;height:auto;object-fit:contain;transform:translateY(3%);filter:drop-shadow(0 24px 18px rgba(91,57,45,.18))}
.hero-art .floating-note{right:-.7rem}
@media(max-width:600px){.cc-hero .hero-art{min-height:340px}.loaf-frame{inset:8% 0 10%;border-radius:44% 44% 22% 22% / 54% 54% 26% 26%}.loaf-frame img{width:94%}.hero-art .floating-note{right:-.2rem;bottom:5%}}

/* Original illustrated loaf scene without the flyer */
.loaf-scene{position:absolute;inset:10% -4% 11%;display:grid;place-items:center}
.loaf-scene img{width:100%;height:100%;object-fit:contain}
@media(max-width:600px){.loaf-scene{inset:8% -3% 10%}.loaf-scene img{width:103%;max-width:none}}