html{-webkit-tap-highlight-color:transparent}
:root{
  --ink:#141414; --ink-2:#555555; --ink-3:#8A8580;
  --red:#D7282F; --red-d:#B21E24; --mustard:#F7B21B;
  --paper:#FFFDFA; --beige:#F7EDE5; --peach:#F6CFAE; --kraft:#EEE7E1; --chip:#F2EEEA;
  --line:rgba(20,20,20,.12);
  --display:"Bebas Neue","Oswald","Arial Narrow",Impact,sans-serif;
  --font:"Sora","Segoe UI",system-ui,-apple-system,Arial,sans-serif;
  --dock:70px; --gap:clamp(8px,1.8vmin,24px);
  color-scheme:light; box-sizing:border-box;
}
*,*::before,*::after{box-sizing:inherit;margin:0}
html.ct-full{height:100%;overflow:hidden;overscroll-behavior:none}
body{height:100%;overflow:hidden;overscroll-behavior:none;font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;
  background:radial-gradient(70% 62% at 50% 44%,#2A2725 0%,#161514 58%,#0B0B0B 100%)}
img,svg{display:block;max-width:100%}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}
a{color:inherit;text-decoration:none}
.ic{width:1.25em;height:1.25em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--red);outline-offset:2px}

.ct-app{position:fixed;inset:0;height:100vh;height:100dvh;display:flex;flex-direction:column;
  padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px)}
.mag-stage{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:var(--gap);overflow:hidden;
  -webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}
.mag{position:relative;flex:none;isolation:isolate}
.mag::before{content:"";position:absolute;top:0;bottom:0;left:var(--sh-l,0);right:var(--sh-r,0);z-index:-1;border-radius:3px;pointer-events:none;
  box-shadow:0 0 0 1px rgba(255,255,255,.04),0 4px 8px rgba(0,0,0,.45),0 40px 70px -24px rgba(0,0,0,.9)}
.ct-fail{color:rgba(255,255,255,.7);text-align:center;padding:2rem}
.mag button *,.mag a *{pointer-events:none}

.ct-dock{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;
  height:calc(var(--dock) + env(safe-area-inset-bottom,0px));padding:0 calc(var(--gap) + 4px) env(safe-area-inset-bottom,0px)}
.ct-side{display:flex;align-items:center;gap:.5rem;min-width:0}
.ct-side.end{justify-content:flex-end}
.mag-nav{display:flex;align-items:center;gap:.5rem}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:48px;padding:0 1.15rem;border-radius:999px;
  background:#1F1E1D;color:#fff;border:1.5px solid rgba(255,255,255,.12);font-weight:600;font-size:.93rem;white-space:nowrap;
  transition:border-color .2s,background .2s,color .2s,opacity .2s}
.pill:hover:not(:disabled){border-color:rgba(255,255,255,.55)}
.pill:disabled{opacity:.3;cursor:not-allowed}
.pill .ic{width:20px;height:20px}
.pill.sq{width:48px;padding:0}
.ct-idx.is-here{background:#fff;border-color:#fff;color:var(--ink)}
.mag-pg{min-width:8.6rem;background:#fff;border-color:#fff;color:var(--ink);font-variant-numeric:tabular-nums}
.mag-pg:hover:not(:disabled){border-color:#fff;background:var(--beige)}
.ct-cart{padding:0 1.05rem 0 .35rem;gap:.65rem;text-align:left}
.ct-cart-ic{position:relative;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1)}
.ct-cart-ic .ic{width:20px;height:20px}
.ct-cart .badge{position:absolute;top:-5px;right:-7px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--red);color:#fff;
  border:2px solid #1F1E1D;font-size:.7rem;font-weight:700;display:grid;place-items:center;font-variant-numeric:tabular-nums}
.ct-cart:not(.has) .badge{display:none}
.ct-cart-t{display:flex;flex-direction:column;line-height:1.15;white-space:nowrap}
.ct-cart-t small{font-size:.72rem;color:rgba(255,255,255,.6);font-weight:500}
.ct-cart-t b{font-size:.98rem;font-variant-numeric:tabular-nums}
.ct-cart.has{background:var(--red);border-color:var(--red);color:#fff}
.ct-cart.has .ct-cart-ic{background:#fff;color:var(--ink)}
.ct-cart.has .badge{background:var(--ink);border-color:var(--red)}
.ct-cart.has .ct-cart-t small{color:rgba(255,255,255,.82)}
.ct-cart.got{animation:got .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes got{40%{transform:scale(1.07)}}
@media (max-width:760px),(max-height:560px){
  :root{--dock:62px}
  .mag-btn span,.ct-idx span{display:none}
  .mag-btn,.ct-idx{width:48px;padding:0}
  .mag-pg{min-width:6.4rem;padding:0 .9rem}
}
@media (max-width:520px){
  :root{--gap:8px}
  .ct-dock{gap:.4rem;padding-inline:10px}
  .pill{height:46px}
  .mag-btn,.ct-idx,.pill.sq{width:46px}
  .mag-pg{min-width:0;padding:0 .8rem;font-size:.84rem}
  .ct-cart{width:46px;padding:0;border-radius:50%}
  .ct-cart-ic{background:none!important;color:inherit!important}
  .ct-cart-t{display:none}
}
#ctFs[hidden]{display:none}
@media (max-width:420px){#ctFs{display:none}}
@media (max-height:440px){:root{--dock:54px;--gap:6px}.pill{height:40px}.mag-btn,.ct-idx,.pill.sq{width:40px}.ct-cart-ic{width:32px;height:32px}}

.mg-page{container-type:inline-size;position:relative;overflow:hidden;background:var(--paper);color:var(--ink)}
.mg-in{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;padding:6cqw 6.5cqw 10cqw}
.mg-page.is-left::before,.mg-page.is-right::before{content:"";position:absolute;top:0;bottom:0;width:9cqw;pointer-events:none;z-index:5}
.mg-page.is-left::before{right:0;background:linear-gradient(270deg,rgba(0,0,0,.09),transparent)}
.mg-page.is-right::before{left:0;background:linear-gradient(90deg,rgba(0,0,0,.09),transparent)}
html.ct-lite .mg-page::before{display:none}

.mg-run{flex:none;display:flex;justify-content:space-between;align-items:center;gap:3cqw;padding-bottom:2.2cqw;margin-bottom:3.2cqw;
  border-bottom:1.5px solid var(--ink);font-size:clamp(9px,2.5cqw,13px);color:var(--ink-2)}
.mg-run-brand{display:flex;align-items:center;gap:1.6cqw;font-weight:600;color:var(--ink);white-space:nowrap}
.mg-run-brand img{width:5cqw;height:5cqw;border-radius:50%}
.mg-run-sec{font-family:var(--display);font-size:clamp(13px,4cqw,21px);letter-spacing:.03em;color:var(--ink);line-height:1;white-space:nowrap}
.mg-run-idx{display:inline-flex;align-items:center;gap:.2em;margin:-1cqw 0 -1cqw -1.4cqw;padding:.45em .95em .45em .55em;border-radius:999px;
  background:var(--chip);font-size:clamp(11px,2.9cqw,14px);font-weight:600;color:var(--ink);min-height:clamp(28px,7.4cqw,40px);transition:background .2s,color .2s}
.mg-run-idx:hover{background:var(--ink);color:#fff}
.mg-run-idx .ic{width:1.1em;height:1.1em}
.mg-folio{position:absolute;z-index:2;bottom:3.6cqw;display:flex;align-items:baseline;gap:2cqw;font-size:clamp(8px,2.3cqw,12px);color:var(--ink-3)}
.mg-folio b{font-family:var(--display);font-weight:400;font-size:clamp(13px,4.2cqw,22px);color:var(--ink);line-height:1}
.mg-page.is-left .mg-folio{left:6.5cqw}
.mg-page.is-right .mg-folio{right:6.5cqw;flex-direction:row-reverse}

.mg-sec{flex:none;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4cqw;padding-bottom:2.6cqw;margin-bottom:1.6cqw;border-bottom:1px solid var(--line)}
.mg-sec h2{font-family:var(--display);font-weight:400;font-size:12.5cqw;line-height:.84;letter-spacing:.005em}
.mg-sec p{margin-top:1.5cqw;font-size:clamp(10px,3cqw,15px);line-height:1.4;color:var(--ink-2);max-width:44ch}
.mg-sec .mg-meta{margin-top:1cqw;font-size:clamp(10px,2.9cqw,14.5px);font-weight:700;color:var(--red)}
.mg-sec-pic{width:18cqw;height:18cqw;border-radius:50%;overflow:hidden;border:1cqw solid var(--paper);box-shadow:0 0 0 1.5px var(--ink);background:#222;margin-bottom:.6cqw}
.mg-sec-pic img{width:100%;height:100%;object-fit:cover}

.mg-items{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column;justify-content:space-evenly;gap:1.6cqw;padding:0}
.mg-items.part{justify-content:flex-start;gap:4.5cqw;padding-top:3cqw}
.mg-items.k-row{gap:0}
.mg-items.k-row.part{gap:0;padding-top:1cqw}

.mg-item{display:flex;align-items:center;gap:4.6cqw;min-width:0}
.mg-pic{position:relative;flex:none;width:42cqw;aspect-ratio:4/3;border-radius:clamp(10px,2.8cqw,18px);overflow:hidden;background:#1d1a18;
  cursor:zoom-in;box-shadow:0 14px 24px -18px rgba(30,15,5,.75)}
.mg-pic .photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mg-pic::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);pointer-events:none;transition:box-shadow .25s}
.mg-item.on .mg-pic::after{box-shadow:inset 0 0 0 3px var(--red)}
@media (hover:hover) and (pointer:fine){.mg-pic .photo{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.mg-pic:hover .photo{transform:scale(1.04)}}
.mg-flag{position:absolute;z-index:3;top:clamp(6px,1.8cqw,11px);left:clamp(6px,1.8cqw,11px);padding:.35em .8em;border-radius:999px;
  background:var(--red);color:#fff;font-size:clamp(8.5px,2.35cqw,12px);font-weight:600;line-height:1.15;white-space:nowrap}
.mg-price{position:absolute;z-index:3;right:clamp(6px,1.8cqw,11px);bottom:clamp(6px,1.8cqw,11px);padding:.12em .45em .02em;border-radius:.22em;
  background:var(--mustard);color:var(--ink);font-family:var(--display);font-size:clamp(17px,6cqw,32px);line-height:1;letter-spacing:.02em;
  rotate:-4deg;box-shadow:0 6px 12px -6px rgba(0,0,0,.55);font-variant-numeric:tabular-nums}
.mg-price.tick{animation:tick .35s cubic-bezier(.3,1.6,.5,1)}
@keyframes tick{40%{transform:scale(1.14)}}
.mg-tick{position:absolute;z-index:3;top:clamp(6px,1.8cqw,11px);right:clamp(6px,1.8cqw,11px);min-width:clamp(24px,7cqw,36px);height:clamp(24px,7cqw,36px);
  padding:0 .3em;border-radius:999px;display:grid;place-items:center;background:var(--ink);color:#fff;border:2px solid #fff;
  font-weight:700;font-size:clamp(11px,3.2cqw,16px);font-variant-numeric:tabular-nums;scale:0;transition:scale .3s cubic-bezier(.3,1.6,.5,1)}
.mg-item.on .mg-tick,.mg-row.on .mg-tick{scale:1}

.mg-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:clamp(5px,1.3cqw,8px)}
.mg-info h3{font-family:var(--display);font-weight:400;font-size:clamp(21px,7.4cqw,40px);line-height:.92;letter-spacing:.01em}
.mg-desc{font-size:clamp(10.5px,2.75cqw,14px);line-height:1.38;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}

.mg-sz{display:flex;gap:clamp(4px,1.2cqw,7px)}
.mg-sz button{display:inline-flex;align-items:center;justify-content:center;min-width:clamp(28px,7.4cqw,38px);height:clamp(28px,7.4cqw,38px);padding:0;
  border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:clamp(11px,2.8cqw,14px);color:#3a3a3a;background:#fff;
  transition:background .25s,color .25s,border-color .25s,padding .35s cubic-bezier(.65,0,.25,1)}
.mg-sz .sz-r{display:inline-block;max-width:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width .35s cubic-bezier(.65,0,.25,1),opacity .25s}
.mg-sz button[aria-pressed="true"]{padding:0 .95em;background:var(--ink);border-color:var(--ink);color:#fff}
.mg-sz button[aria-pressed="true"] .sz-r{max-width:4.5em;opacity:1}
.mg-sz button:hover{border-color:var(--ink)}

.mg-act{max-width:300px}
.mg-add{display:flex;width:100%;align-items:center;justify-content:center;gap:.45em;height:clamp(34px,9cqw,46px);padding:0 1em;border-radius:999px;
  background:var(--ink);color:#fff;font-weight:600;font-size:clamp(12px,3.4cqw,16.5px);white-space:nowrap;transition:background .2s,transform .12s}
.mg-add:hover{background:#333}
.mg-add:active{transform:scale(.96)}
.mg-step{display:flex;align-items:center;justify-content:space-between;height:clamp(34px,9cqw,46px);padding:0 clamp(3px,.9cqw,5px);border-radius:999px;
  border:1.5px solid var(--ink);background:var(--beige)}
.mg-step button{width:clamp(27px,7.2cqw,37px);height:clamp(27px,7.2cqw,37px);border-radius:50%;display:grid;place-items:center;background:#fff;
  box-shadow:0 2px 6px -3px rgba(0,0,0,.4);transition:background .15s,color .15s}
.mg-step button:hover{background:var(--ink);color:#fff}
.mg-step button[data-trash]:hover{background:var(--red)}
.mg-step button .ic{width:1.05em;height:1.05em;font-size:clamp(13px,3.6cqw,18px)}
.mg-step span{display:flex;flex-direction:column;align-items:center;line-height:1.05;min-width:0}
.mg-step b{font-size:clamp(14px,4.4cqw,21px);font-variant-numeric:tabular-nums}
.mg-step small{font-size:clamp(8.5px,2.3cqw,11.5px);font-weight:500;color:var(--ink-2);white-space:nowrap}

.mg-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:3.6cqw;padding:2.3cqw 0;border-bottom:1px dashed rgba(20,20,20,.2)}
.mg-row:last-child{border-bottom:0}
.mg-thumb{position:relative;width:19cqw;aspect-ratio:1;border-radius:clamp(8px,2.4cqw,14px);overflow:hidden;background:#fff;box-shadow:inset 0 0 0 1px var(--line);cursor:zoom-in}
.mg-thumb .photo{width:100%;height:100%;object-fit:cover}
.mg-thumb .mg-tick{top:.6cqw;right:.6cqw;min-width:clamp(20px,5.6cqw,28px);height:clamp(20px,5.6cqw,28px);font-size:clamp(10px,2.7cqw,13px)}
.mg-rt{display:flex;flex-direction:column;gap:.5cqw;min-width:0}
.mg-rt b{font-family:var(--display);font-weight:400;font-size:clamp(17px,5.6cqw,30px);line-height:.95;letter-spacing:.01em}
.mg-rt small{font-size:clamp(9.5px,2.6cqw,13px);color:var(--ink-2)}
.mg-rt em{font-style:normal;font-family:var(--display);font-size:clamp(15px,4.6cqw,24px);color:var(--red);line-height:1;letter-spacing:.02em}
.mg-row .mg-act{width:clamp(96px,29cqw,170px)}

@container (max-width:330px){
  .mg-run{font-size:9px;padding-bottom:1.6cqw;margin-bottom:2.4cqw}
  .mg-run-idx{min-height:24px;font-size:10px}
  .mg-sec{padding-bottom:1.6cqw;margin-bottom:1cqw}
  .mg-sec p:not(.mg-meta){display:none}
  .mg-sec .mg-meta{font-size:9.5px}
  .mg-sec-pic{width:13cqw;height:13cqw}
  .mg-info{gap:4px}
  .mg-info h3{font-size:17px}
  .mg-desc{font-size:9.5px;-webkit-line-clamp:2}
  .mg-sz button{min-width:22px;height:22px;font-size:9.5px}
  .mg-add,.mg-step{height:28px;font-size:10.5px}
  .mg-step button{width:22px;height:22px}
  .mg-step small{display:none}
  .mg-flag{font-size:8px}
  .mg-price{font-size:15px}
  .mg-rt b{font-size:15px}.mg-rt em{font-size:13px}.mg-rt small{font-size:9px}
  .mg-row{padding:1.6cqw 0}
  .mg-row .mg-act{width:84px}
  .mg-folio{font-size:7.5px}.mg-folio b{font-size:12px}
  .mg-suc-pic{display:none}
  .mg-suc p,.mg-suc-h{font-size:9.5px}
  .mg-suc-act a{height:26px;font-size:9.5px}
  .mg-suc-t{font-size:11cqw}
  .mg-sucs{margin-top:2cqw;gap:2cqw}
  .mg-suc{padding-top:2cqw;grid-template-columns:1fr;gap:3px}
  .mg-suc-act{grid-column:1;grid-row:auto;flex-direction:row;gap:4px}
  .mg-suc-act a{padding:0 .7em}
  .mg-suc-h{margin-top:1cqw}
  .mg-suc-tel{display:none}
  .mg-suc h3{font-size:6.4cqw}
}
.mg-cover{background:var(--ink);color:#fff}
.mg-cover .mg-in,.mg-back .mg-in,.mg-quote .mg-in{padding:0}
.mg-cover-pic{position:absolute;left:0;right:0;top:0;aspect-ratio:512/615;overflow:hidden}
.mg-cover-pic img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 50%}
.mg-cover-pic::after{content:"";position:absolute;inset:-1px;background:linear-gradient(180deg,rgba(20,20,20,.78) 0%,rgba(20,20,20,0) 26%,rgba(20,20,20,0) 46%,rgba(20,20,20,.55) 70%,rgba(20,20,20,.9) 86%,var(--ink) 97%)}
.mg-cover-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;padding:7cqw 7cqw 8cqw}
.mg-cover-top{display:flex;justify-content:space-between;align-items:center;gap:3cqw}
.mg-cover-brand{display:flex;align-items:center;gap:2.4cqw;font-family:var(--display);font-size:7cqw;letter-spacing:.03em;line-height:1}
.mg-cover-brand img{width:11cqw;height:11cqw;border-radius:50%;border:.7cqw solid #fff}
.mg-cover-ed{font-size:2.9cqw;font-weight:500;text-align:right;line-height:1.35;color:rgba(255,255,255,.85)}
.mg-cover-title{margin-top:auto;font-family:var(--display);font-weight:400;font-size:21cqw;line-height:.82;letter-spacing:-.005em}
.mg-cover-sub{margin-top:3.6cqw;font-size:3.6cqw;line-height:1.4;max-width:30ch;color:rgba(255,255,255,.9)}
.mg-cover-foot{margin-top:4.5cqw;padding-top:3cqw;border-top:1px solid rgba(255,255,255,.35);display:flex;justify-content:space-between;gap:3cqw;font-size:2.8cqw;color:rgba(255,255,255,.8)}
.mg-sticker{position:absolute;z-index:3;top:30%;right:6cqw;width:26cqw;height:26cqw;border-radius:50%;display:grid;place-items:center;text-align:center;
  background:var(--red);color:#fff;rotate:10deg;box-shadow:0 2cqw 5cqw -1cqw rgba(0,0,0,.55);font-family:var(--display);line-height:.95}
.mg-sticker span{font-size:4.2cqw;letter-spacing:.04em}
.mg-sticker b{display:block;font-weight:400;font-size:7.6cqw}

.mg-index-t{font-family:var(--display);font-weight:400;font-size:11.5cqw;line-height:.85;margin-bottom:2.4cqw}
.mg-toc{list-style:none;padding:0;border-top:1.5px solid var(--ink)}
.mg-toc button{width:100%;display:flex;align-items:baseline;gap:2.2cqw;padding:1.15cqw 0;border-bottom:1px solid var(--line);text-align:left;transition:color .2s,padding .25s}
.mg-toc button:hover{color:var(--red);padding-left:1.2cqw}
.mg-toc span{font-family:var(--display);font-size:5.8cqw;line-height:1;letter-spacing:.01em}
.mg-toc small{font-size:2.4cqw;color:var(--ink-2);white-space:nowrap}
.mg-toc i{flex:1;align-self:center;border-bottom:1.5px dotted rgba(20,20,20,.35);min-width:3cqw}
.mg-toc b{font-family:var(--display);font-weight:400;font-size:5.2cqw;line-height:1;color:var(--red);font-variant-numeric:tabular-nums}
.mg-box{margin-top:3.2cqw;padding:3cqw 3.6cqw;border-radius:3cqw;background:var(--beige)}
.mg-box h3{font-family:var(--display);font-weight:400;font-size:4.8cqw;line-height:1;margin-bottom:2cqw}
.mg-sizes{display:grid;grid-template-columns:repeat(3,1fr);gap:2.4cqw}
.mg-sizes div{display:flex;flex-direction:column;align-items:center;gap:.9cqw;padding:2cqw 1cqw 1.8cqw;border-radius:2.2cqw;background:var(--paper)}
.mg-stack{display:flex;flex-direction:column;align-items:center;gap:.4cqw;height:7.6cqw;justify-content:flex-end}
.mg-stack i{display:block;width:10cqw;height:1.7cqw;border-radius:1cqw;background:#6B3A22}
.mg-stack i.bun{height:2.6cqw;width:11cqw;border-radius:5cqw 5cqw 1cqw 1cqw;background:#E8A256}
.mg-stack i.bun.b{border-radius:.8cqw .8cqw 2cqw 2cqw;height:1.8cqw}
.mg-stack i.ch{height:.9cqw;width:10.6cqw;background:var(--mustard);margin-top:-.4cqw}
.mg-sizes strong{font-family:var(--display);font-weight:400;font-size:4.4cqw;line-height:1}
.mg-sizes em{font-style:normal;font-size:2.7cqw;font-weight:700;color:var(--red);font-variant-numeric:tabular-nums}
.mg-how{margin-top:2cqw;list-style:none;padding:0;display:grid;gap:1.2cqw;counter-reset:s}
.mg-how li{display:flex;align-items:center;gap:2.4cqw;font-size:2.6cqw;line-height:1.35}
.mg-how li::before{counter-increment:s;content:counter(s);flex:none;width:5.4cqw;height:5.4cqw;border-radius:50%;display:grid;place-items:center;
  background:var(--ink);color:#fff;font-family:var(--display);font-size:3.8cqw;padding-top:.3cqw}
.mg-how-t{margin-top:3cqw;font-family:var(--display);font-size:4.8cqw;line-height:1}
.mg-index.is-compact .mg-index-t{font-size:10cqw;margin-bottom:1.6cqw}
.mg-index.is-compact .mg-toc button{padding:.8cqw 0}
.mg-index.is-compact .mg-toc span{font-size:5.2cqw}
.mg-index.is-compact .mg-box{margin-top:2.4cqw;padding:2.4cqw 3cqw}
.mg-index.is-compact .mg-stack{height:6.4cqw}

.mg-quote{background:var(--ink);color:#fff}
.mg-quote-pic{position:absolute;inset:0}
.mg-quote-pic img{width:100%;height:100%;object-fit:cover}
.mg-quote-pic::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,20,20,.15) 20%,rgba(20,20,20,.94) 72%)}
.mg-quote-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:8cqw 8cqw 14cqw}
.mg-quote-mark{font-family:var(--display);font-size:30cqw;line-height:.6;color:var(--mustard);height:12cqw}
.mg-quote blockquote{font-size:4.6cqw;line-height:1.38;font-weight:500}
.mg-quote blockquote mark{background:none;color:var(--mustard)}
.mg-quote-who{margin-top:4cqw;display:flex;align-items:center;gap:2.6cqw;font-size:3cqw;color:rgba(255,255,255,.8)}
.mg-quote-who b{color:#fff;display:block;font-size:3.4cqw}
.mg-quote-stars{display:flex;gap:.6cqw;color:var(--mustard);margin-top:3cqw}
.mg-quote-stars svg{width:4cqw;height:4cqw;fill:currentColor}
.mg-quote .mg-folio{color:rgba(255,255,255,.6)}
.mg-quote .mg-folio b{color:#fff}

.mg-suc-t{font-family:var(--display);font-weight:400;font-size:14cqw;line-height:.85}
.mg-suc-h{margin-top:1.8cqw;font-size:clamp(10px,3cqw,15px);color:var(--ink-2)}
.mg-suc-h b{color:var(--red)}
.mg-suc-pic{margin-top:3.4cqw;flex:1 1 0;min-height:0;max-height:52cqw;border-radius:3cqw;overflow:hidden;background:#222}
.mg-suc-pic img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
.mg-sucs{margin-top:3.4cqw;display:grid;gap:3cqw}
.mg-suc{display:grid;grid-template-columns:1fr auto;gap:1cqw 3cqw;align-items:center;padding-top:3cqw;border-top:1.5px solid var(--ink)}
.mg-suc h3{font-family:var(--display);font-weight:400;font-size:7.4cqw;line-height:.9}
.mg-suc p{grid-column:1;font-size:clamp(10px,2.9cqw,14.5px);color:var(--ink-2);line-height:1.4}
.mg-suc-act{grid-column:2;grid-row:1/span 2;display:flex;flex-direction:column;gap:1.4cqw}
.mg-suc-act a{display:inline-flex;align-items:center;justify-content:center;gap:.4em;height:clamp(30px,8.6cqw,42px);padding:0 1em;border-radius:999px;
  font-size:clamp(10.5px,2.8cqw,14px);font-weight:600;white-space:nowrap;border:1.5px solid var(--ink);transition:background .2s,color .2s}
.mg-suc-act a.wa{background:var(--ink);color:#fff}
.mg-suc-act a:hover{background:var(--red);border-color:var(--red);color:#fff}

.mg-back{background:var(--ink);color:#fff}
.mg-back-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;align-items:center;text-align:center;padding:8cqw 9cqw 6.5cqw}
.mg-back-main{flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}
.mg-back-logo{width:19cqw;height:19cqw;border-radius:50%;border:.9cqw solid #fff;margin-bottom:5cqw}
.mg-back h2{font-family:var(--display);font-weight:400;font-size:16.5cqw;line-height:.86}
.mg-back p{margin-top:3.4cqw;font-size:clamp(10px,3.3cqw,16px);line-height:1.5;color:rgba(255,255,255,.78);max-width:34ch}
.mg-back-go{margin-top:5cqw;display:inline-flex;align-items:center;gap:.5em;height:clamp(36px,11cqw,54px);padding:0 1.6em;border-radius:999px;
  background:var(--red);color:#fff;font-weight:700;font-size:clamp(12px,3.6cqw,17px);transition:background .2s,transform .12s}
.mg-back-go:hover{background:var(--red-d)}
.mg-back-idx{margin-top:1.8cqw;display:inline-flex;align-items:center;gap:.3em;padding:.5em 1em;font-size:clamp(10px,2.9cqw,14px);font-weight:600;color:rgba(255,255,255,.8);text-decoration:underline;text-underline-offset:4px}
.mg-back-foot{flex:none;width:100%;margin-top:4cqw;padding-top:4.5cqw;border-top:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;align-items:center;gap:3.2cqw}
.mg-back-soc{display:flex;align-items:center;gap:2.2cqw}
.mg-back-soc span{margin-right:1.4cqw;font-size:clamp(8px,2.3cqw,11px);font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:rgba(255,255,255,.5)}
.mg-back-soc a{width:clamp(28px,8cqw,40px);height:clamp(28px,8cqw,40px);border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.22);color:#fff;transition:background .2s,color .2s,border-color .2s}
.mg-back-soc a:hover{background:#fff;color:var(--ink);border-color:#fff}
.mg-back-soc .ic{width:44%;height:44%}
.mg-back-dev{font-size:clamp(8px,2.3cqw,11px);letter-spacing:.02em;color:rgba(255,255,255,.4);transition:color .2s}
.mg-back-dev b{font-weight:600;color:rgba(255,255,255,.7)}
.mg-back-dev:hover,.mg-back-dev:hover b{color:#fff}
@container (max-width:280px){
  .mg-back-in{padding:6cqw 7cqw 5cqw}
  .mg-back-logo{width:15cqw;height:15cqw;margin-bottom:3.5cqw}
  .mg-back h2{font-size:14cqw}
  .mg-back p{display:none}
  .mg-back-go{margin-top:4cqw;height:30px;font-size:11px}
  .mg-back-idx{margin-top:0;font-size:10px}
  .mg-back-foot{margin-top:2.5cqw;padding-top:3cqw;gap:2cqw}
  .mg-back-soc a{width:24px;height:24px}
}

.scrim{position:fixed;inset:0;z-index:80;background:rgba(20,20,20,.45);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.scrim.on{opacity:1;visibility:visible}
.drawer{position:fixed;top:0;bottom:0;right:0;z-index:90;width:min(440px,94vw);background:#fff;display:flex;flex-direction:column;
  transform:translateX(105%);transition:transform .45s cubic-bezier(.2,.8,.2,1);box-shadow:-20px 0 50px -30px rgba(0,0,0,.5);
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
.drawer.on{transform:none}
.drawer{transform:translate3d(105%,0,0);will-change:transform;backface-visibility:hidden;-webkit-backface-visibility:hidden;contain:layout}
.drawer.on{transform:translate3d(0,0,0)}
.scrim{will-change:opacity;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.dr-head{flex:none;display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;border-bottom:1px solid var(--line)}
.dr-head h3{font-family:var(--display);font-weight:400;font-size:2rem;line-height:1}
.dr-head small{display:block;font-size:.78rem;color:var(--ink-2);margin-top:.2rem}
.dr-x{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--chip)}
.dr-x:hover{background:var(--ink);color:#fff}
.dr-x .ic{width:20px;height:20px}
.dr-body{flex:1;min-height:0;overflow:auto;padding:.4rem 1.25rem 1.4rem;overscroll-behavior:contain}
.dr-foot{flex:none;padding:1rem 1.25rem 1.1rem;border-top:1px solid var(--line);background:#fff}
.ci{display:grid;grid-template-columns:56px 1fr auto;gap:.85rem;align-items:center;padding:.85rem 0;border-bottom:1px solid var(--line)}
.ci-th{width:56px;height:56px;border-radius:12px;overflow:hidden;background:var(--chip)}
.ci-th img{width:100%;height:100%;object-fit:cover}
.ci b{display:block;font-size:.95rem;line-height:1.25}
.ci small{display:block;font-size:.78rem;color:var(--ink-2);margin:.1rem 0 .45rem}
.qty{display:inline-flex;align-items:center;gap:.2rem;height:34px;padding:0 3px;border:1px solid var(--line);border-radius:999px}
.qty button{width:28px;height:28px;border-radius:50%;display:grid;place-items:center}
.qty button:hover{background:var(--chip)}
.qty .ic{width:15px;height:15px}
.qty span{min-width:1.4em;text-align:center;font-weight:600;font-size:.9rem;font-variant-numeric:tabular-nums}
.ci-r{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem;font-variant-numeric:tabular-nums}
.ci-r button{font-size:.78rem;color:var(--ink-2);text-decoration:underline;text-underline-offset:3px}
.ci-r button:hover{color:var(--red)}
.co h4{font-family:var(--display);font-weight:400;font-size:1.45rem;line-height:1;margin:1.4rem 0 .6rem}
.seg{display:flex;gap:.4rem;flex-wrap:wrap}
.seg button{flex:1;min-height:44px;padding:0 .8rem;border-radius:999px;border:1.5px solid var(--line);font-weight:600;font-size:.88rem;transition:all .2s}
.seg button:hover{border-color:var(--ink)}
.seg button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
.hint{font-size:.8rem;color:var(--ink-2);margin-top:.5rem;line-height:1.4}
.field{display:block;margin-top:.9rem;font-size:.82rem;font-weight:600}
.field input,.field textarea{display:block;width:100%;margin-top:.35rem;padding:.8rem .95rem;border:1.5px solid var(--line);border-radius:14px;font:inherit;font-weight:400;font-size:16px;background:#fff;color:var(--ink)}
.field textarea{min-height:84px;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--ink)}
.sum{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.8rem}
.sum span{font-weight:600}
.sum small{display:block;font-size:.78rem;color:var(--ink-2);font-weight:400}
.sum b{font-family:var(--display);font-weight:400;font-size:2.1rem;line-height:1;font-variant-numeric:tabular-nums}
.send{display:flex;width:100%;align-items:center;justify-content:center;gap:.55rem;height:54px;border-radius:999px;background:#1FA855;color:#fff;font-weight:700;font-size:1rem;transition:background .2s,opacity .2s}
.send:hover{background:#178C46}
.send[aria-disabled="true"]{background:#BDBDBD;cursor:not-allowed}
.send .ic{width:22px;height:22px}
.empty{text-align:center;padding:3.5rem 1rem 2rem}
.empty .ic{width:56px;height:56px;margin:0 auto 1rem;stroke-width:1.3;color:var(--ink-3)}
.empty svg.empty-ic{display:block;width:120px;height:120px;margin:0 auto 1.2rem}
.empty p{color:var(--ink-2);line-height:1.5;margin-bottom:1.3rem}
.empty p b{color:var(--ink)}
.empty button{display:inline-flex;height:46px;align-items:center;padding:0 1.4rem;border-radius:999px;background:var(--ink);color:#fff;font-weight:600}

.zoom{position:fixed;inset:0;z-index:95;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:calc(env(safe-area-inset-top,0px) + 4rem) 1rem calc(env(safe-area-inset-bottom,0px) + 2rem);
  background:rgba(20,20,20,.94);opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}
.zoom.on{opacity:1;visibility:visible}
.zoom img{max-width:min(1100px,100%);max-height:calc(100% - 4rem);object-fit:contain;border-radius:14px;transform:scale(.94);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.zoom.on img{transform:none}
.zoom figcaption{color:#fff;font-family:var(--display);font-size:2rem;line-height:1;letter-spacing:.02em}
.zoom .dr-x{position:absolute;top:calc(env(safe-area-inset-top,0px) + 1rem);right:1rem;background:#fff;color:var(--ink)}

.ct-exit{color:rgba(255,255,255,.85)}
.toast{position:fixed;left:50%;bottom:calc(var(--dock) + env(safe-area-inset-bottom,0px) + 12px);z-index:99;display:flex;align-items:center;gap:.6rem;
  max-width:min(420px,calc(100vw - 2rem));padding:.75rem 1.2rem .75rem .9rem;border-radius:999px;background:#fff;color:var(--ink);font-weight:600;font-size:.92rem;
  box-shadow:0 18px 30px -16px rgba(0,0,0,.6);transform:translate(-50%,24px);opacity:0;visibility:hidden;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s,visibility .25s}
.toast.on{transform:translate(-50%,0);opacity:1;visibility:visible}
.toast .ic{width:22px;height:22px;color:var(--red)}
@media (max-width:520px){.toast{top:calc(10px + env(safe-area-inset-top,0px));bottom:auto;transform:translate(-50%,-24px)}}

.fly{position:fixed;left:0;top:0;z-index:98;border-radius:14px;overflow:hidden;pointer-events:none;box-shadow:0 12px 26px -12px rgba(0,0,0,.6)}
.fly img{width:100%;height:100%;object-fit:cover}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}
@media (min-width:1024px) and (max-width:1600px){
  html{zoom:.7}
  .ct-app{height:calc(100vh / .7);height:calc(100dvh / .7)}
}

.mg-add.is-out{background:#E4E0DC;color:#7a746e;cursor:not-allowed}
.ci-promo{display:block;color:#1c7c3c;font-weight:600}
.send.busy{opacity:.6;pointer-events:none}
.sent{display:flex;flex-direction:column;gap:.7rem;padding:.4rem 0}
.sent-k{font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#1c7c3c}
.sent h4{font-family:var(--display);font-weight:400;font-size:2.2rem;line-height:.95}
.sent p{font-size:.9rem;line-height:1.5;color:var(--ink-2)}
.sent ul{list-style:none;padding:.8rem 1rem;margin:0;border-radius:14px;background:var(--beige);display:grid;gap:.35rem;font-size:.9rem}
.sent li{display:flex;justify-content:space-between;gap:1rem}
.sent-t{display:flex;justify-content:space-between;font-size:1rem!important;color:var(--ink)!important}
.sent-re{font-size:.88rem;color:var(--ink-2)}
.sent-ok{height:48px;border-radius:999px;background:var(--ink);color:#fff;font-weight:600}

.mg-cv-suc{align-self:flex-start;max-width:100%;margin-top:4cqw;display:inline-flex;align-items:center;gap:clamp(8px,2.4cqw,12px);
  min-height:clamp(44px,12cqw,58px);padding:clamp(5px,1.4cqw,7px) clamp(5px,1.4cqw,7px) clamp(5px,1.4cqw,7px) clamp(12px,3.4cqw,16px);
  border-radius:999px;background:rgba(14,14,14,.55);border:1px solid rgba(255,255,255,.28);color:#fff;text-align:left;
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -12px rgba(0,0,0,.6);transition:background .2s,border-color .2s,transform .2s}
.mg-cv-suc:hover{background:rgba(14,14,14,.75);border-color:rgba(255,255,255,.5)}
.mg-cv-suc:active{transform:scale(.98)}
.mg-cv-suc>svg{flex:none;width:clamp(17px,4.6cqw,22px);height:clamp(17px,4.6cqw,22px);fill:none;stroke:currentColor;stroke-width:1.8}
.mg-cv-suc span{display:grid;min-width:0;line-height:1.15}
.mg-cv-suc small{font-size:clamp(10px,2.7cqw,13px);color:rgba(255,255,255,.72);white-space:nowrap}
.mg-cv-suc b{font-size:clamp(14px,4cqw,19px);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mg-cv-suc em{flex:none;font-style:normal;display:inline-flex;align-items:center;height:clamp(32px,9cqw,42px);padding:0 clamp(12px,3.6cqw,18px);
  border-radius:999px;background:#fff;color:#141414;font-weight:700;font-size:clamp(12px,3.3cqw,15px)}
.mg-cv-suc:focus-visible{outline:3px solid #fff;outline-offset:3px}

@media (max-width:640px){
  .drawer{left:0;right:0;width:auto;box-shadow:none;border:0}
}

.sent{gap:.55rem;padding:0}
.sent h4{font-size:2rem}
.sent p{font-size:.84rem;line-height:1.45}
.sent-tk{padding:.7rem .9rem;border-radius:14px;background:var(--beige);display:grid;gap:.4rem}
.sent-tk ul{padding:0;border-radius:0;background:none;gap:.25rem;font-size:.86rem}
.sent-tk ul:empty{display:none}
.sent-tk details summary{display:flex;justify-content:space-between;cursor:pointer;list-style:none;font-size:.86rem}
.sent-tk details summary::-webkit-details-marker{display:none}
.sent-tk details summary em{font-style:normal;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.sent-tk details[open] summary em{display:none}
.sent-tk details[open] ul{margin-top:.3rem}
.sent-tk .sent-t{padding-top:.4rem;border-top:1.5px dashed rgba(0,0,0,.18)}
.sent .pg{gap:.35rem;padding:.6rem}
.sent .pg-h{display:none}
.sent .pg-f{grid-template-columns:auto minmax(0,1fr) auto;padding:.3rem .3rem .3rem .6rem}
.sent .pg-l{grid-column:auto;min-width:2.3rem}
.sent .pg-mono{white-space:nowrap;font-size:.8rem;letter-spacing:0}
.sent .pg-c{width:36px;height:36px;min-height:0;padding:0;justify-content:center;border-radius:10px}
.sent .pg-c span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.sent .pg-c.ok::after{content:"✓";font-weight:800}
.sent .pg-c.ok svg{display:none}
.sent .pg-mp{min-height:42px}
.sent-ok{height:48px;flex:none}
.sent-re{text-align:center;font-size:.82rem}
@media (max-width:340px){.sent .pg-mono{font-size:.72rem}}
@media (max-height:620px){.sent h4{font-size:1.6rem}.sent{gap:.4rem}.sent-ok{height:44px}}
.drawer.is-sent .dr-head{padding:.55rem .9rem .55rem 1.25rem;border-bottom:0}
.drawer.is-sent .dr-head h3{font-size:1.25rem}
.drawer.is-sent .dr-head small{display:none}
.drawer.is-sent .dr-x{width:38px;height:38px}
.drawer.is-sent .dr-body{padding-top:.2rem}
@media (max-height:620px){.sent .pg-mp{min-height:38px}.sent .pg-c{width:32px;height:32px}.sent p{font-size:.8rem}}
@media (max-height:600px){.sent h4{font-size:1.4rem}.sent{gap:.35rem}.sent-tk{padding:.55rem .8rem}.sent .pg{padding:.5rem}.sent-ok{height:42px}.sent-k{font-size:.68rem}}
.drawer.is-sent .dr-body{display:flex;flex-direction:column}
.drawer.is-sent .sent{flex:1}
.drawer.is-sent .sent-ok{margin-top:auto}
@media (min-height:700px){.sent{gap:.85rem}.sent h4{font-size:2.4rem}.sent p{font-size:.9rem}.sent-tk{padding:.9rem 1rem}.sent-ok{height:52px}}
.sent.fit-1{gap:.4rem}
.sent.fit-1 h4{font-size:1.5rem}
.sent.fit-1 p{font-size:.78rem}
.sent.fit-1 .sent-tk{padding:.55rem .8rem}
.sent.fit-1 .pg{padding:.5rem}
.sent.fit-1 .pg-mp{min-height:38px}
.sent.fit-1 .pg-c{width:32px;height:32px}
.sent.fit-1 .sent-ok{height:42px}
.sent.fit-2>p:not(.sent-k){display:none}
.sent.fit-2 h4{font-size:1.3rem}

.fields2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:0 12px}
.fields2 .field{margin-top:.9rem}
.field .fhint{display:block;margin-top:.3rem;font-size:.74rem;font-weight:400;color:#777;line-height:1.3}
.field input.mal{border-color:#D7282F!important;background:#fff6f6}
.field input.ok{border-color:#1c7c3c}

.dr-acts{display:flex;align-items:center;gap:.5rem}
.snd-btn[aria-pressed="false"]{color:#8a8a8a}
@media (hover:none){.dr-x:hover{background:var(--chip);color:inherit}.snd-btn[aria-pressed="false"]:hover{color:#8a8a8a}}
.snd-btn:focus:not(:focus-visible){outline:none}
.dr-acts{flex:none;margin-left:.75rem}
.dr-head h3{min-width:0}
.snd-btn .ic{display:block;width:20px;height:20px;flex:none}
@media (max-width:380px){.dr-acts{gap:.35rem}.dr-acts>button{width:40px;height:40px}.snd-btn .ic{width:19px;height:19px}}
.ct-lang{gap:2px;padding:0 5px}
.ct-lang .lg{display:grid;place-items:center;min-width:36px;height:36px;padding:0 .5rem;border-radius:999px;font-weight:700;font-size:.76rem;letter-spacing:.08em;line-height:1;opacity:.55;transition:background .2s,color .2s,opacity .2s}
.ct-lang .lg.on{background:#fff;color:#141414;opacity:1}
.ct-lang:hover .lg:not(.on){opacity:.9}
.terms-note{margin:6px 0 0;text-align:center;font-size:.72rem;line-height:1.4}
.terms-note a{color:inherit;opacity:.6;text-decoration:underline;text-underline-offset:2px}
.mg-cv-lang{display:none}
@media (max-width:760px){
  .ct-lang{display:none!important}
  .mg-cv-lang{display:flex;align-self:flex-start;align-items:center;gap:12px;margin-top:3cqw;font-size:clamp(10px,2.6cqw,12px);font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}
  .mg-cv-lang-b{display:inline-flex;gap:2px;padding:3px;border-radius:999px;border:1px solid rgba(255,255,255,.3);background:rgba(0,0,0,.35);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
  .mg-cv-lang-b button{min-width:40px;height:32px;padding:0 .6rem;border:0;border-radius:999px;background:none;color:#fff;font:inherit;font-size:.78rem;font-weight:700;letter-spacing:.08em;opacity:.6;cursor:pointer}
  .mg-cv-lang-b button[aria-pressed="true"]{background:#fff;color:#141414;opacity:1}
}