.mp-nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfaf7f7;border-bottom:1px solid #102f351f;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;height:78px;padding:0 max(28px,50% - 624px);display:grid;position:sticky;top:0}.mp-nav>.mp-brand{font-size:inherit;font-weight:inherit;justify-self:start}.mp-nav>.mp-brand>.katori-brand{display:inline-flex}.mp-nav nav{justify-self:center;align-items:center;gap:28px;font-size:11px;font-weight:800;display:flex}.mp-nav nav a,.mp-nav nav strong{white-space:nowrap;border-bottom:2px solid #0000;padding:8px 0}.mp-nav nav strong{border-color:var(--sun)}.mp-nav>.mp-nav-cta{background:var(--ink);color:#fff;letter-spacing:.03em;border-radius:999px;justify-self:end;padding:12px 17px;font-size:10px;font-weight:850}.mp-hero-actions{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.mp-hero article>.mp-hero-actions>a{border:1px solid #ffffff80;border-radius:999px;align-items:center;gap:24px;width:max-content;padding:13px 17px;font-size:12px;font-weight:800;display:flex}.mp-hero article>.mp-hero-actions>a:first-child{color:var(--ink);background:#fff;border-color:#fff}.mp-hero article>.mp-hero-actions>a b{color:var(--sun)}.mp-hero article>.mp-hero-actions>a:first-child b{color:var(--terra)}.mp-stage-switch{background:#fffdf8;border:1px solid #102f351f;border-radius:22px;grid-template-columns:repeat(3,1fr);width:min(980px,100% - 40px);margin:22px auto 0;display:grid;overflow:hidden;box-shadow:0 12px 30px #122f300f}.mp-stage-switch>a,.mp-stage-switch>strong{border-right:1px solid #102f351f;grid-template-rows:auto auto;grid-template-columns:auto 1fr;align-content:center;column-gap:12px;min-height:92px;padding:18px 22px;text-decoration:none;display:grid}.mp-stage-switch>:last-child{border-right:0}.mp-stage-switch small{color:#a46a24;font:500 18px/1 var(--katori-display,Georgia,serif);grid-row:1/3;align-self:center}.mp-stage-switch span{font-size:12px;font-weight:850}.mp-stage-switch em{color:#687778;margin-top:4px;font-size:9px;font-style:normal;font-weight:700}.mp-stage-switch>strong{background:#f2c94c}.mp-stage-switch>strong small,.mp-stage-switch>strong em{color:#102f35}.mp-stage-switch>a:last-child{color:#fff;background:#102f35}.mp-stage-switch>a:last-child small{color:#f2c94c}.mp-stage-switch>a:last-child em{color:#ffffffb3}.mp-footer-actions{justify-content:flex-end;gap:18px;display:flex}.mp-footer-actions a{font-size:12px;font-weight:800}.mp-footer-actions a:last-child{color:var(--sun)}@media (max-width:760px){.mp-nav{grid-template-columns:1fr auto;height:66px;padding:0 16px}.mp-nav nav{display:none}.mp-nav>.mp-nav-cta{padding:10px 13px;font-size:9px}.mp-hero-actions{gap:8px}.mp-hero article>.mp-hero-actions>a{padding:12px 14px;font-size:11px}.mp-stage-switch{border-radius:18px;width:calc(100% - 24px);margin:14px auto 0}.mp-stage-switch>a,.mp-stage-switch>strong{flex-direction:column;gap:4px;min-height:78px;padding:13px 11px;display:flex}.mp-stage-switch small{font-size:14px}.mp-stage-switch span{font-size:10px}.mp-stage-switch em{font-size:8px;line-height:1.25}.mp-footer-actions{flex-wrap:wrap;justify-content:flex-start}}
.mp-order{background:linear-gradient(#f8f5ee 0%,#f1ece3 100%);position:relative;overflow:hidden}.mp-order:before{content:"";pointer-events:none;background:radial-gradient(circle,#efc34b29 0%,#efc34b0e 34%,#efc34b00 72%);border-radius:50%;width:42vw;height:42vw;position:absolute;top:-18%;right:-12%}.mp-order>header{z-index:1;text-align:left;grid-template-columns:160px minmax(300px,.9fr) minmax(320px,1fr);align-items:end;width:min(980px,100%);margin:0 auto;position:relative}.mp-order>header .mp-kicker{color:#9b7040;align-self:start;padding-top:10px}.mp-order>header h2{font-family:var(--katori-display,serif);letter-spacing:-.045em;color:#173a3e;font-size:clamp(52px,5.3vw,72px);font-weight:400;line-height:.94}.mp-order>header>p:last-child{color:#5f6c6b;max-width:420px;font-size:15px;line-height:1.75}.mp-order>div{z-index:1;grid-template-columns:repeat(3,1fr);gap:14px;width:min(1080px,100%);margin:58px auto 0;display:grid;position:relative}.mp-order article{background:#fffdf8f5;border:1px solid #173a3e17;border-radius:24px;min-height:330px;padding:30px 30px 28px;transition:transform .28s,box-shadow .28s,border-color .28s;position:relative;overflow:hidden;box-shadow:0 18px 48px #1b313011}.mp-order article:before{content:"";background:linear-gradient(90deg,#efc34b 0 22%,#efc34b00 66%);width:100%;height:4px;position:absolute;top:0;left:0}.mp-order article:nth-child(2){color:#fff;background:#173a3e;border-color:#173a3e;transform:translateY(-10px)}.mp-order article:nth-child(2):before{background:linear-gradient(90deg,#efc34b 0 58%,#efc34b1f 100%)}.mp-order article:nth-child(3){background:#f4e6da;border-color:#b761452e}.mp-order article:hover{border-color:#efc34b80;transform:translateY(-5px);box-shadow:0 24px 58px #1b31301c}.mp-order article:nth-child(2):hover{transform:translateY(-15px)}.mp-order article>span{color:#815d17;width:38px;height:38px;font-family:var(--katori-display,serif);background:#f5e3b1;border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.mp-order article:nth-child(2)>span{color:#173a3e;background:#efc34b}.mp-order article:nth-child(3)>span{color:#8b4c38;background:#ead1c4}.mp-order article strong{font-family:var(--katori-display,serif);letter-spacing:-.025em;color:#173a3e;margin-top:34px;font-size:30px;font-weight:400;line-height:1.03}.mp-order article:nth-child(2) strong{color:#fff}.mp-order article p{color:#667370;max-width:280px;margin-top:16px;font-size:13px;line-height:1.65}.mp-order article:nth-child(2) p{color:#ffffffb8}.mp-order article:nth-child(3) p{color:#765f56}.mp-order article a,.mp-order article b{color:#173a3e;letter-spacing:.02em;z-index:2;margin-top:auto;padding-top:24px;font-size:11px;font-weight:800;position:relative}.mp-order article:nth-child(2) a{color:#efc34b}.mp-order article:nth-child(3) b{color:#8b4c38}.mp-order article a:after{content:"";z-index:5;cursor:pointer;position:absolute;inset:-250px -35px -30px}.mp-order article:has(a){cursor:pointer}.mp-order article:has(a):after{content:"↗";color:#173a3e;background:#edf1ed;border-radius:50%;place-items:center;width:34px;height:34px;font-size:13px;transition:transform .28s,background .28s;display:grid;position:absolute;top:24px;right:24px}.mp-order article:nth-child(2):has(a):after{color:#efc34b;background:#ffffff1a}.mp-order article:has(a):hover:after{color:#173a3e;background:#efc34b;transform:translate(3px,-3px)}.mp-facts{grid-template-columns:repeat(4,1fr);gap:10px;width:min(1080px,100% - 96px);margin:0 auto;padding:18px 0 96px;display:grid}.mp-facts article{text-align:center;background:#fffdf8;border-radius:20px;align-content:center;min-height:150px;padding:25px 24px;box-shadow:0 12px 30px #1b31300b;border:0!important}.mp-facts small{color:#9b7040;letter-spacing:.1em;font-size:9px;font-weight:800}.mp-facts strong{font-family:var(--katori-display,serif);letter-spacing:-.035em;color:#173a3e;margin-top:12px;font-size:34px;font-weight:400}.mp-facts span{color:#75817f;margin-top:7px;font-size:10px;line-height:1.45}@media (max-width:900px){.mp-order>header{text-align:center;grid-template-columns:1fr;justify-items:center;gap:16px}.mp-order>header .mp-kicker{padding:0}.mp-order>header>p:last-child{max-width:600px}.mp-order>div{grid-template-columns:1fr;gap:12px;max-width:620px}.mp-order article,.mp-order article:nth-child(2){min-height:255px;transform:none}.mp-order article:nth-child(2):hover{transform:translateY(-5px)}.mp-order article p{max-width:460px}.mp-facts{grid-template-columns:1fr 1fr;width:calc(100% - 44px);padding-bottom:72px}}@media (max-width:560px){.mp-order{padding-left:18px!important;padding-right:18px!important}.mp-order>header h2{font-size:44px}.mp-order>header>p:last-child{font-size:14px;line-height:1.65}.mp-order>div{margin-top:38px}.mp-order article{border-radius:21px;min-height:238px;padding:26px 24px}.mp-order article strong{font-size:27px}.mp-facts{grid-template-columns:1fr 1fr;gap:8px}.mp-facts article{min-height:132px;padding:20px 14px}.mp-facts strong{font-size:28px}}@media (prefers-reduced-motion:reduce){.mp-order article{transition:none}.mp-order article:has(a):after{transition:none}}
