.why-hero{text-align:center;width:min(960px,100% - 40px);margin:0 auto;padding:54px 0 60px}.why-hero-eyebrow{color:#585d34;margin-bottom:24px;font-size:13px;font-weight:700}.why-hero h1{text-wrap:balance;max-width:22ch;margin-inline:auto;font-size:clamp(42px,5.4vw,74px);line-height:1.16}.why-hero h1 em{color:#585d34;display:block}.why-hero-deck{color:#5e574e;text-wrap:balance;max-width:53ch;margin:26px auto 28px;font-size:19px;line-height:1.8}.why-questions-nav,.why-question-grid{width:min(1160px,100% - 80px);margin-inline:auto}.why-questions-nav{margin-bottom:32px}.why-questions-nav>details{padding:0 4px}.why-questions-nav summary{cursor:pointer;color:#585d34;justify-content:space-between;align-items:center;gap:20px;padding-block:14px;font-size:15px;font-weight:700;list-style:none;display:flex}.why-questions-nav summary::-webkit-details-marker{display:none}.why-questions-nav summary>span{font-size:22px;font-weight:400}.why-questions-nav details[open] summary>span{transform:rotate(45deg)}.why-questions-nav ol{grid-template-columns:1fr 1fr;gap:10px 40px;margin:0;padding:20px 0 28px;list-style:none;display:grid}.why-questions-nav a{color:#5e574e;gap:14px;padding-block:5px;font-size:14px;line-height:1.7;text-decoration:none;display:flex}.why-questions-nav a>span{color:var(--foodie-wada-ink);font-size:12px}.why-question-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:70px;display:grid}.why-question{background:var(--foodie-wada-yellow);border-radius:26px;flex-direction:column;min-width:0;padding:36px;scroll-margin-top:28px;display:flex}.why-question:nth-child(3n+2){background:var(--foodie-surface-green)}.why-question:nth-child(3n+3){background:var(--foodie-surface-apricot)}.why-question h2{max-width:26ch;font-size:clamp(26px,2.5vw,32px);line-height:1.3}.why-question-index{color:var(--foodie-wada-ink);margin-bottom:18px;font-size:12px;font-weight:700}.why-question-answer-label{color:var(--foodie-wada-ink);margin-top:24px;margin-bottom:10px;font-size:12px;font-weight:700}.why-question-answer{color:#2c2118;text-wrap:pretty;font-size:17px;line-height:1.8}.why-question-link{min-height:44px;color:var(--foodie-wada-ink);text-underline-offset:5px;align-items:center;gap:14px;margin-top:18px;font-size:14px;font-weight:700;text-decoration:underline;display:inline-flex}.why-question-wide{grid-column:1/-1;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:56px;padding:44px 48px;display:grid}.why-question.why-question-1{background:var(--foodie-wada-sky)}.why-question.why-question-14{background:var(--foodie-surface-blue)}.why-question-wide h2{max-width:24ch;font-size:clamp(29px,3vw,40px)}.why-question-screen{width:min(216px,100%);margin:28px auto 0}.why-question-screen img{width:100%;height:auto;display:block}.why-question-wide .why-question-screen{width:240px;margin:0 auto}.why-question-art{justify-content:flex-end;margin-top:auto;padding-top:24px;display:flex}.why-question-art img{width:220px;height:auto}.why-question-context{color:#2c2118;margin-top:16px;font-size:14px}.why-question-context summary{cursor:pointer;align-items:center;gap:16px;min-height:36px;list-style:none;display:flex}.why-question-context summary::-webkit-details-marker{display:none}.why-question-context[open] summary>span{transform:rotate(45deg)}.why-question-context p{margin-top:10px;line-height:1.8}.why-serving-example{color:#585d34;justify-content:center;align-items:center;gap:24px;font-size:24px;display:flex}.why-serving-example span:not(:nth-child(2)){background:#fffbf580;border:1px solid #beb59e;border-radius:50%;place-items:center;width:96px;height:96px;font-size:48px;font-weight:600;display:grid}@media (max-width:800px){.why-questions-nav,.why-question-grid{width:calc(100% - 40px)}.why-question{padding:28px}.why-question-wide{grid-template-columns:minmax(0,1fr) 220px;gap:32px;padding:32px}.why-question-wide .why-question-screen{width:210px}.why-serving-example{gap:12px}.why-serving-example span:not(:nth-child(2)){width:74px;height:74px;font-size:38px}}@media (max-width:700px){.why-hero{padding:30px 0 40px}.why-hero-eyebrow{margin-bottom:18px}.why-hero-deck{margin:22px auto 26px;font-size:17px}.why-questions-nav{margin-bottom:24px}.why-questions-nav ol{grid-template-columns:1fr;gap:8px}.why-question-grid{grid-template-columns:1fr;gap:20px}.why-question{border-radius:24px;padding:28px 24px}.why-question-wide{grid-column:auto;gap:0;display:flex}.why-question-index{margin-bottom:16px}.why-question h2,.why-question-wide h2{font-size:28px}.why-question-answer{font-size:16px;line-height:1.85}.why-question-screen,.why-question-wide .why-question-screen{width:190px;margin:28px auto 0}.why-question-art img{width:160px}.why-serving-example{padding-top:28px}}.why-question-screen .device-mockup{aspect-ratio:1350/2760;position:relative}.why-question-screen .mockup-screen{object-fit:fill;border-radius:16%/7.36%;width:89.3333%;height:95%;position:absolute;top:2.5%;left:5.33333%}.why-question-screen .mockup-bezel{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}