.mg{--mg-ink: rgb(var(--heading-color, 43, 58, 85));--mg-text: rgb(var(--text-color, 70, 76, 88));--mg-accent: #9d0914;--mg-navy: #2b3a55;--mg-soft: #f5f3ee;--mg-line: #e4dfd4;--mg-wood-1: #c89b64;--mg-wood-2: #a87543;--mg-radius: 16px;max-width:1160px;margin:0 auto;padding:24px 20px 80px;color:var(--mg-text);font-family:var(--text-font-family, inherit)}.mg *,.mg *:before,.mg *:after{box-sizing:border-box}.mg-h1,.mg-h2,.mg-h3{font-family:var(--heading-font-family, inherit);color:var(--mg-ink);line-height:1.15;margin:0 0 .5em}.mg-h1{font-size:clamp(2rem,4.5vw,3.4rem);letter-spacing:-.01em}.mg-h2{font-size:clamp(1.6rem,3vw,2.3rem)}.mg-h3{font-size:1.15rem}.mg p{line-height:1.6;margin:0 0 1em}.mg-eyebrow,.mg-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--mg-accent);font-weight:600;margin-bottom:.75em}.mg-kicker{color:#7a7f8a}.mg-lead{font-size:1.1rem;max-width:34em}.mg-measure{max-width:46em}.mg-chapter{padding:72px 0 0}.mg-panel{background:var(--mg-soft);border-radius:var(--mg-radius);padding:24px}.mg-note{font-size:.95rem;color:#6b707b}.mg-button{display:inline-flex;align-items:center;gap:.5em;padding:14px 24px;border-radius:999px;background:var(--mg-accent);color:#fff!important;text-decoration:none;border:2px solid var(--mg-accent);cursor:pointer;font:inherit;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.mg-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #9d091438}.mg-button--ghost{background:transparent;color:var(--mg-accent)!important}.mg-button--ghost:hover{box-shadow:none;background:#9d09140f}.mg-num,.mg-badge{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--mg-navy);color:#fff;font-size:.85rem;font-weight:700;flex:none}.mg svg{display:block;width:100%;height:auto}.mg-draw{fill:none;stroke:var(--mg-navy);stroke-width:2;stroke-linecap:round}.mg-accent,.mg .mg-accent{stroke:var(--mg-accent)}.mg-svg-label{font-size:12px;fill:var(--mg-navy);font-weight:600}.mg-svg-note{font-size:11px;fill:#7a7f8a}.mg-js .mg-reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.mg-js .mg-reveal.is-in{opacity:1;transform:none}.mg-js .mg-draw{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.1s ease .3s}.mg-js .is-in .mg-draw,.mg-js .mg-draw.is-in{stroke-dashoffset:0}.mg-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding-top:24px}.mg-hero__desk{fill:var(--mg-soft)}.mg-hero__tape-body{fill:#f2c94c;stroke:#d9ad2b}.mg-hero__ticks line{stroke:#6b5a22;stroke-width:1}.mg-hero__tape-case{fill:#e0b23a;stroke:#b98d1c}.mg-dim text{font-size:14px;fill:var(--mg-navy);font-weight:700}.mg-js .mg-hero__tape-body,.mg-js .mg-hero__ticks{transform-box:fill-box;transform-origin:right center;transform:scaleX(0);transition:transform 1.2s cubic-bezier(.3,.7,.2,1) .2s}.mg-js .mg-hero.is-in .mg-hero__tape-body,.mg-js .mg-hero.is-in .mg-hero__ticks{transform:scaleX(1)}.mg-js .mg-hero__picture{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.mg-js .mg-hero.is-in .mg-hero__picture{opacity:1;transform:none}.mg-js .mg-dim text{opacity:0;transition:opacity .5s ease 1.3s}.mg-js .mg-hero.is-in .mg-dim text{opacity:1}.mg-js .mg-dim--w .mg-draw{transition-delay:1s}.mg-js .mg-dim--h .mg-draw{transition-delay:1.4s}.mg-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.mg-step{background:var(--mg-soft);border-radius:var(--mg-radius);padding:24px}.mg-step:nth-child(2){transition-delay:.12s}.mg-step:nth-child(3){transition-delay:.24s}.mg-step__icon{width:80px!important;margin-bottom:14px}.mg-step__table{fill:#c9a676}.mg-step__sheet,.mg-step__field{fill:#fff;stroke:#cfc8b8}.mg-step__typed{font-size:11.5px;font-weight:700;fill:var(--mg-navy)}.mg-step .mg-h3{display:flex;align-items:center;gap:10px}.mg-js .mg-step__sheet{transform-box:fill-box;transform-origin:center}.mg-js .mg-step.is-in .mg-step__sheet{animation:mg-settle .9s cubic-bezier(.3,.7,.2,1) both .3s}.mg-js .mg-step__typed{clip-path:inset(0 100% 0 0)}.mg-js .mg-step.is-in .mg-step__typed{animation:mg-type 1.2s steps(9) .6s forwards}@keyframes mg-settle{0%{transform:translateY(-14px) rotate(-6deg);opacity:0}to{transform:none;opacity:1}}@keyframes mg-type{to{clip-path:inset(0 0 0 0)}}.mg-layers{padding-top:72px}.mg-layers__sticky{display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.mg-layer-list{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:4px}.mg-layer-list li{display:grid;grid-template-columns:28px 1fr;column-gap:14px;padding:10px 12px;border-radius:12px;cursor:pointer;transition:background .2s ease}.mg-layer-list li strong{color:var(--mg-ink)}.mg-layer-list li span:last-child{grid-column:2;font-size:.95rem}.mg-layer-list li .mg-badge{grid-row:span 2}.mg-layer-list li:hover,.mg-layer-list li:focus-visible,.mg-layer-list li.is-focus{background:var(--mg-soft);outline:none}.mg-layer-list li.is-focus .mg-badge{background:var(--mg-accent)}.mg-stack{--x: 1;--gap: 58px;--bw: 22px;--lip: 14px;position:relative;height:480px;perspective:2200px;overflow:hidden;display:grid;place-items:center}.mg-stack__scene{position:relative;width:240px;height:320px;transform-style:preserve-3d;transform:translate(-36px) translateZ(-170px) rotateX(-14deg) rotateY(-52deg)}.mg-layer{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transform:translateZ(calc(var(--i) * (5px + var(--x) * var(--gap))))}.mg-face,.mg-edge{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s ease,filter .3s ease}.mg-anchor{position:absolute;width:1px;height:1px}.mg-edge{transform:translateZ(calc(var(--k) * -2px))}.mg-layer--backing{--i: 0}.mg-layer--backing .mg-face{background:repeating-linear-gradient(115deg,rgba(0,0,0,.035) 0 2px,transparent 2px 6px),#b8905f;box-shadow:0 40px 60px #00000029}.mg-layer--backing .mg-edge{background:#8c6a42}.mg-layer--art{--i: 1;top:30px;right:30px;bottom:30px;left:30px}.mg-layer--art svg{width:100%;height:100%}.mg-layer--mount{--i: 2}.mg-layer--mount .mg-face{border:40px solid #f6f3ec;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px #d8d0bf}.mg-layer--mount .mg-edge{border:40px solid #ddd5c4}.mg-layer--glass{--i: 3}.mg-layer--glass .mg-face{background:linear-gradient(135deg,#e1f2f873,#aad2e133);border:1px solid rgba(100,175,160,.9);overflow:hidden}.mg-layer--glass .mg-face:after{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.7) 50%,transparent 58%);animation:mg-glint 5s ease-in-out infinite}.mg-layer--glass .mg-edge{border:1.5px solid rgba(80,170,150,.85);transform:translateZ(calc(var(--k) * -.8px))}.mg-layer--moulding{--i: 4}.mg-layer--moulding .mg-face{border:var(--bw) solid;border-image:linear-gradient(140deg,#e2bd8a,#c9965c 35%,#dcb27d,#b9874f 85%,#d8ad76) 1;box-shadow:inset 0 0 0 1px #5a371459,inset 2px 2px #fff0d28c,inset -2px -2px #46280a40,0 0 0 1px #5a37144d}.mg-layer--moulding .mg-edge{border:var(--bw) solid #b98650}.mg-layer--moulding .mg-edge.is-rebate{border-width:var(--lip);border-color:#9e6c3a}.mg-layer--moulding .mg-edge:last-child{border-color:#8a5c2f}.mg-labels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mg-labels .mg-badge{position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff,0 4px 10px #0000002e;pointer-events:auto;cursor:pointer;transition:background .2s ease,transform .2s ease}.mg-labels .mg-badge.is-focus{background:var(--mg-accent);transform:translate(-50%,-50%) scale(1.15)}.mg-stack.has-focus .mg-layer:not(.is-focus) .mg-face{opacity:.22;filter:saturate(.3)}.mg-stack.has-focus .mg-layer:not(.is-focus) .mg-edge{opacity:0}@keyframes mg-glint{0%,60%{transform:translate(-60%)}to{transform:translate(60%)}}.mg-toggle{display:inline-flex;background:#fff;border-radius:999px;padding:4px;margin:8px 0 20px}.mg-toggle button{border:0;background:transparent;padding:10px 18px;border-radius:999px;font:inherit;color:var(--mg-text);cursor:pointer;transition:background .2s,color .2s}.mg-toggle button[aria-pressed=true]{background:var(--mg-navy);color:#fff}.mg-overlap__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.mg-example{grid-column:1 / -1}.mg-example .mg-toggle{margin:0 0 18px;align-self:flex-start}.mg-cover rect{fill:#9d091452;transform-box:fill-box}.mg-cover__t{transform-origin:top}.mg-cover__b{transform-origin:bottom}.mg-cover__l{transform-origin:left}.mg-cover__r{transform-origin:right}.mg-js .mg-cover__t,.mg-js .mg-cover__b{transform:scaleY(0)}.mg-js .mg-cover__l,.mg-js .mg-cover__r{transform:scaleX(0)}.mg-js .mg-overlap__view.is-playing .mg-cover rect{transform:none;transition:transform .9s cubic-bezier(.3,.7,.2,1) .2s}.mg-moulding{fill:#d9bf98;stroke:#b3936a;stroke-width:2}.mg-js .mg-lip-art{transform:translate(46px)}.mg-js .mg-overlap__view.is-playing .mg-lip-art{transform:none;transition:transform 1s cubic-bezier(.3,.7,.2,1) .2s}.mg-example{display:flex;flex-direction:column}.mg-slider{display:grid;gap:8px;margin-bottom:18px;font-weight:600;color:var(--mg-ink)}.mg-slider input{width:100%;accent-color:var(--mg-accent)}.mg-sum{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:700;color:var(--mg-ink);margin-bottom:14px;font-variant-numeric:tabular-nums}.mg-sum__op{color:#9aa0aa;font-weight:400}.mg-sum__ans{color:var(--mg-accent)}.mg-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.mg-tabs button{border:2px solid var(--mg-line);background:#fff;border-radius:999px;padding:10px 18px;font:inherit;cursor:pointer;color:var(--mg-text)}.mg-tabs button[aria-selected=true]{border-color:var(--mg-navy);background:var(--mg-navy);color:#fff}.mg-tabpanel{display:grid;grid-template-columns:1fr 1.2fr;gap:32px;align-items:center;background:var(--mg-soft);border-radius:var(--mg-radius);padding:28px}.mg-tabpanel[hidden]{display:none}.mg-js .mg-tabpanel.is-shown{animation:mg-fade .5s ease both}.mg-js .mg-tabpanel.is-shown .mg-draw{stroke-dashoffset:0}.mg-outline-keep{stroke:#7a7f8a;stroke-width:2;stroke-dasharray:6 4}.mg-outline-hide{stroke:var(--mg-accent);stroke-width:3}.mg-key{display:inline-block;width:22px;height:0;border-top:3px solid;vertical-align:middle;margin-right:8px}.mg-key--keep{border-color:#7a7f8a;border-top-style:dashed}.mg-key--hide{border-color:var(--mg-accent)}.mg-safe{fill:none;stroke:var(--mg-accent);stroke-width:2;stroke-dasharray:5 4}.mg-signature{font-family:Brush Script MT,Segoe Script,cursive;font-size:18px;fill:#36404f}.mg-js .mg-tabpanel.is-shown .mg-safe{animation:mg-march 1.2s linear infinite}@keyframes mg-march{to{stroke-dashoffset:-18}}@keyframes mg-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.mg-calc__grid{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:start}.mg-calc__form{display:grid;gap:16px}.mg-calc__form label{display:grid;gap:6px;font-weight:600;color:var(--mg-ink);font-size:.95rem}.mg-calc__form input[type=number],.mg-calc__form select{width:100%;padding:12px 14px;border:2px solid var(--mg-line);border-radius:10px;font:inherit;background:#fff;color:var(--mg-ink)}.mg-calc__form input:focus,.mg-calc__form select:focus{outline:none;border-color:var(--mg-navy)}.mg-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mg-units{border:0;padding:0;margin:0;display:flex;gap:16px;flex-wrap:wrap}.mg-units legend{font-weight:600;color:var(--mg-ink);margin-bottom:6px;font-size:.95rem}.mg-units label{display:inline-flex;align-items:center;gap:6px;font-weight:400}.mg-calc__result{display:grid;gap:18px;background:#fff;border:2px solid var(--mg-line)}.mg-calc__svg{max-height:300px}.mg-c-frame{fill:var(--mg-wood-1);stroke:#8d5f33;stroke-width:1}.mg-c-mount{fill:#f4f1ea}.mg-c-inner{fill:#2f3b4c}.mg-c-art{fill:none;stroke:var(--mg-accent);stroke-dasharray:4 3;stroke-width:1.5}.mg-c-window{fill:#cfe2ea}.mg-results{display:grid;gap:10px;margin:0}.mg-results>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--mg-line);padding-bottom:8px}.mg-results dt{display:flex;align-items:center;gap:8px}.mg-results dd{margin:0;white-space:nowrap;font-weight:700;color:var(--mg-ink);font-variant-numeric:tabular-nums}.mg-swatch{width:14px;height:14px;border-radius:4px;display:inline-block}.mg-swatch--seen{background:#cfe2ea;border:1px solid #a9c6d2}.mg-swatch--mount{background:#f4f1ea;border:1px solid #d9d2c2}.mg-swatch--frame{background:var(--mg-wood-1)}.mg-calc [hidden]{display:none!important}.mg-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mg-card{background:var(--mg-soft);border-radius:var(--mg-radius);padding:24px}.mg-card svg{max-width:200px;margin-bottom:14px}.mg-card:nth-child(2){transition-delay:.12s}.mg-checklist{list-style:none;padding:0;margin:0 0 28px;display:grid;gap:14px;font-size:1.08rem}.mg-checklist li{display:flex;align-items:center;gap:14px;color:var(--mg-ink)}.mg-checklist svg{width:30px!important;flex:none;background:#9d091414;border-radius:50%;padding:4px}.mg-checklist path{fill:none;stroke:var(--mg-accent);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:24}.mg-js .mg-checklist path{stroke-dashoffset:24}.mg-js .mg-checklist.is-in path{stroke-dashoffset:0;transition:stroke-dashoffset .5s ease}.mg-js .mg-checklist.is-in li:nth-child(1) path{transition-delay:.3s}.mg-js .mg-checklist.is-in li:nth-child(2) path{transition-delay:.6s}.mg-js .mg-checklist.is-in li:nth-child(3) path{transition-delay:.9s}.mg-js .mg-checklist.is-in li:nth-child(4) path{transition-delay:1.2s}.mg-cta{display:flex;flex-wrap:wrap;gap:12px}@media(max-width:860px){.mg-hero,.mg-layers__sticky,.mg-overlap__grid,.mg-tabpanel,.mg-calc__grid,.mg-cards,.mg-steps{grid-template-columns:1fr}.mg-hero{gap:24px}.mg-chapter,.mg-layers{padding-top:56px}.mg-stack{--gap: 26px;height:340px;order:-1}.mg-results>div{flex-wrap:wrap}.mg-stack{--bw: 16px;--lip: 10px;--gap: 44px}.mg-stack__scene{width:180px;height:240px;transform:translate(34px) translateZ(-190px) rotateX(-14deg) rotateY(-52deg)}.mg-layer--mount .mg-face,.mg-layer--mount .mg-edge{border-width:30px}.mg-layer--art{top:22px;right:22px;bottom:22px;left:22px}.mg-tabpanel{padding:20px;gap:16px}.mg-tabpanel svg{max-width:320px}}@media(prefers-reduced-motion:reduce){.mg *,.mg *:before,.mg *:after{animation:none!important;transition:none!important}.mg-js .mg-reveal{opacity:1;transform:none}.mg-js .mg-draw{stroke-dashoffset:0}.mg-js .mg-step__typed{clip-path:none}.mg-js .mg-hero__tape-body,.mg-js .mg-hero__ticks,.mg-js .mg-hero__picture,.mg-js .mg-lip-art,.mg-js .mg-cover rect{transform:none;opacity:1}.mg-js .mg-dim text{opacity:1}.mg-js .mg-checklist path{stroke-dashoffset:0}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/measuring-guide.css.map */