.mz-canvas{z-index:0;width:100%;height:100vh;pointer-events:none;opacity:0;height:100lvh;transition:opacity .8s var(--ease);position:fixed;inset:0}.mz-canvas.is-ready{opacity:1}main{z-index:1;position:relative}.mz-fig{margin:0}.mz-fig img,.mz-fig video{border-radius:var(--radius-none);background:var(--surface);width:100%}.mz-chip{font:500 var(--text-sm)/1.3 var(--font-display);color:var(--fg);display:inline-block}.mz-section{padding-block:clamp(80px,12vw,160px);position:relative}.mz-section+.mz-section{border-top:var(--rule-slab) solid var(--line)}.mz-section__head{max-width:760px;margin-bottom:clamp(32px,5vw,56px)}.mz-section__head h2,.mz-guide h2,.mz-story__head h2{font:500 var(--text-3xl)/1.05 var(--font-display);letter-spacing:-.025em;margin:var(--space-xs) 0 var(--space-md)}.mz-section__text{max-width:62ch;font-size:var(--text-lg)}.mz-intro{max-width:var(--max);padding:calc(var(--header-h) + 40px) var(--gutter) 72px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px clamp(32px,5vw,80px);margin-inline:auto;display:grid;position:relative}.mz-title{width:-moz-fit-content;width:fit-content;margin:10px 0 8px}.mz-title img{aspect-ratio:1.7;object-fit:cover;width:min(420px,100%);height:auto;filter:drop-shadow(0 8px 14px var(--color-shadow));margin-left:-3%}.mz-subtitle{font:600 clamp(17px, 1.7vw, 22px)/1.3 var(--font-display);letter-spacing:-.01em;margin-bottom:18px}.mz-lede{max-width:52ch}.mz-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 28px;margin:26px 0 0;display:grid}.mz-facts dt,.mz-design dt{font:500 var(--text-sm)/1.3 var(--font-display);color:var(--muted)}.mz-facts dd,.mz-design dd{margin:4px 0 0;font-size:15px;line-height:1.45}.mz-cover img{aspect-ratio:1;border:var(--rule-heavy) solid var(--line)}.mz-scroll-hint{display:none}.mz-guide{max-width:var(--max);padding:clamp(72px, 10vw, 140px) var(--gutter);border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,.8fr);align-items:center;gap:32px clamp(32px,5vw,80px);margin-inline:auto;display:grid;position:relative}.mz-guide__text{max-width:52ch}.mz-design{gap:28px;margin:22px 0;display:flex}.mz-guide__still img{max-width:420px;filter:drop-shadow(0 14px 24px var(--color-shadow));background:0 0;margin-inline:auto}.mz-drag-hint{display:none}.mz-story{max-width:var(--max);padding:clamp(72px, 10vw, 140px) var(--gutter);border-top:1px solid var(--line);margin-inline:auto;position:relative}.mz-story__head{max-width:760px;margin-bottom:48px}.mz-story__text{font-size:var(--text-lg)}.mz-steps{gap:clamp(56px,8vw,96px);display:grid}.mz-step{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:start;gap:24px clamp(24px,4vw,56px);min-width:0;display:grid}.mz-step__pages{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));margin:0;padding:0;list-style:none;display:grid}.mz-step__pages img{aspect-ratio:1}.mz-step__pp{font:500 var(--text-xs)/1.2 var(--font-display);color:var(--muted);margin-bottom:8px}.mz-step h3{font:500 var(--text-xl)/1.15 var(--font-display);letter-spacing:-.02em;margin-bottom:14px}.mz-quote{margin:0 0 var(--space-sm);padding-left:var(--space-sm);border-left:var(--rule-hair) solid var(--line);font-style:italic}.mz-quote p{margin:0}.mz-step__video video,.mz-indev{aspect-ratio:4/5;object-fit:cover;width:auto;max-width:100%;max-height:62vh}.mz-step__video,.mz-indev{margin:16px 0}.mz-photos{scrollbar-width:thin;grid-auto-columns:minmax(120px,30%);grid-auto-flow:column;gap:10px;margin:16px 0 0;padding:4px 4px 6px;list-style:none;display:grid;overflow-x:auto}.mz-photos img{aspect-ratio:4/3;object-fit:cover}.mz-photos .caption{margin-top:4px;font-size:11px}.mz-indev{border-radius:var(--radius-none);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .55 0 0 0 0 .45 0 0 0 0 .35 0 0 0 .22 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E"), radial-gradient(120% 90% at 30% 20%, var(--color-felt-1), var(--color-felt-2));box-shadow:inset 0 0 0 1px var(--color-shadow), 0 10px 26px var(--color-shadow);place-items:center;min-height:260px;display:grid;position:relative;overflow:hidden}.mz-indev:before{content:"";border:2px dashed var(--accent);border-radius:var(--radius-none);pointer-events:none;position:absolute;inset:12px}.mz-indev__sticker{width:52%;max-width:220px;filter:drop-shadow(0 8px 12px var(--color-shadow));transform:rotate(-4deg)}.mz-indev__label{white-space:nowrap;border-radius:var(--radius-none);background:var(--white);color:var(--fg);font:500 var(--text-xs)/1 var(--font-display);box-shadow:0 2px 8px var(--color-shadow);padding:7px 12px;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.mz-indev__label:before{content:"";background:var(--accent);vertical-align:1px;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.mz-ex+.mz-ex{margin-top:clamp(48px,7vw,88px)}.mz-ex__head{align-items:center;gap:14px;margin-bottom:18px;font-size:14px;display:flex}.mz-ex__grid{align-items:start;gap:16px;display:grid}.mz-ex__grid--3{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) minmax(0,1fr)}.mz-ex__grid--1{grid-template-columns:minmax(0,420px)}.mz-ex video{aspect-ratio:9/16;object-fit:cover;max-height:78vh}.mz-ex img{aspect-ratio:4/3;object-fit:cover}.mz-posters{overflow:clip}.mz-collage{aspect-ratio:16/10;position:relative}.mz-poster{left:var(--x);top:var(--y);width:var(--w);transform:rotate(var(--r));z-index:calc(1 + var(--i));position:absolute}.mz-poster img,.mz-poster video{border:var(--rule-heavy) solid var(--line)}.mz-poster .caption{opacity:0;transition:opacity .3s}.mz-poster:hover .caption{opacity:1}.mz-next{border-top:var(--rule-slab) solid var(--line);position:relative}.mz-next__link{padding:clamp(64px, 10vw, 140px) var(--gutter);max-width:var(--max);margin-inline:auto;text-decoration:none;display:block}.mz-next__title{width:-moz-fit-content;width:fit-content;font:500 var(--text-3xl)/1.1 var(--font-display);letter-spacing:-.02em;transition:color var(--dur-short) var(--ease-out);margin-top:14px;display:block}.mz-next__link:hover .mz-next__title{color:var(--accent)}.sticker{z-index:5;height:auto;transform:translate(-50%, -50%) rotate(var(--r));filter:drop-shadow(0 6px 10px var(--color-shadow)) drop-shadow(0 1px 1px var(--color-shadow));transition:transform .45s var(--ease), filter .45s var(--ease);position:absolute}[data-mode="3d"] .sticker:hover{transform:translate(-50%, -54%) rotate(calc(var(--r) + 5deg)) scale(1.07);filter:drop-shadow(0 14px 18px var(--color-shadow))}[data-mode="3d"] .mz-intro,[data-mode="3d"] .mz-guide,[data-mode="3d"] .mz-story{max-width:none;height:100vh;height:100svh;padding:calc(var(--header-h) + 16px) var(--gutter) 32px;border:0;margin:0}[data-mode="3d"] .mz-intro{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr)}[data-mode="3d"] .mz-cover{display:none}[data-mode="3d"] .mz-title img{width:min(340px,100%)}[data-mode="3d"] .mz-scroll-hint{font:600 11px/1.2 var(--font-display);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);width:max-content;max-width:calc(100% - 2 * var(--gutter));text-align:center;margin:0;display:block;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}[data-mode="3d"] .mz-scroll-hint span:after{content:"";background:linear-gradient(var(--accent), transparent);width:1px;height:36px;margin:12px auto 0;display:block}[data-mode="3d"] .mz-guide{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr)}[data-mode="3d"] .mz-guide__copy{opacity:0;grid-column:2}[data-mode="3d"] .mz-guide__still{display:none}[data-mode="3d"] .mz-drag-hint{margin-top:18px;display:block}[data-mode="3d"] .mz-guide.is-dragging{cursor:grabbing}[data-mode="3d"] .mz-guide{cursor:grab}[data-mode="3d"] .mz-guide a,[data-mode="3d"] .mz-guide button{cursor:pointer}[data-mode="3d"] .mz-story{grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);display:grid}[data-mode="3d"] .mz-story__head{display:none}[data-mode="3d"] .mz-steps{grid-column:2;align-self:stretch;display:block;position:relative}[data-mode="3d"] .mz-step{opacity:0;visibility:hidden;transition:opacity .5s var(--ease), transform .6s var(--ease), visibility 0s .5s;flex-direction:column;justify-content:center;display:flex;position:absolute;inset:0;transform:translateY(16px)}[data-mode="3d"] .mz-step.is-active{opacity:1;visibility:visible;transition:opacity .6s var(--ease) .1s, transform .7s var(--ease) .1s, visibility 0s;transform:none}[data-mode="3d"] .mz-step__pages{display:none}[data-mode="3d"] .mz-step__body{width:100%;min-width:0}.mz-photos{max-width:100%}[data-mode="3d"] .mz-step__video video,[data-mode="3d"] .mz-indev{max-height:34vh}[data-mode="3d"] .mz-indev{aspect-ratio:4/5;height:34vh;min-height:0}[data-mode="3d"] .mz-photos{grid-auto-columns:112px}[data-mode="3d"] .mz-intro,[data-mode="3d"] .mz-guide,[data-mode="3d"] .mz-story{background:0 0}[data-mode="3d"] .mz-section,[data-mode="3d"] .mz-next,[data-mode="3d"] .site-footer{clip-path:inset(0);position:relative}[data-mode="3d"] .mz-section:before,[data-mode="3d"] .mz-next:before,[data-mode="3d"] .site-footer:before{content:"";z-index:-1;pointer-events:none;background:var(--paper);position:fixed;inset:0}[data-mode="3d"] .mz-install{border-top:1px solid var(--line)}@media (max-width:900px){.mz-intro,.mz-guide,.mz-step{grid-template-columns:minmax(0,1fr)}.mz-ex__grid--3{grid-template-columns:1fr 1fr}.mz-ex__grid--3>:first-child{grid-row:span 2}.mz-collage{aspect-ratio:auto;gap:20px;display:grid}.mz-poster{width:auto;position:relative;top:auto;left:auto;transform:none}[data-mode="3d"] .mz-intro{grid-template-columns:1fr;align-content:start}[data-mode="3d"] .mz-intro .mz-lede,[data-mode="3d"] .mz-intro .mz-facts{display:none}[data-mode="3d"] .mz-title img{width:220px}[data-mode="3d"] .mz-guide{grid-template-columns:1fr;align-content:end}[data-mode="3d"] .mz-guide__copy{margin:0 calc(-1 * var(--gutter)) -32px;padding:56px var(--gutter) 28px;isolation:isolate;grid-column:1;position:relative}[data-mode="3d"] .mz-guide__copy:before{content:"";z-index:-1;pointer-events:none;background:var(--paper);background-attachment:fixed;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 35%);mask-image:linear-gradient(#0000,#000 35%)}[data-mode="3d"] .mz-guide__copy .mz-guide__story{display:none}[data-mode="3d"] .mz-story{grid-template-rows:42% 1fr;grid-template-columns:1fr}[data-mode="3d"] .mz-steps{grid-area:2/1}[data-mode="3d"] .mz-step{justify-content:flex-start}[data-mode="3d"] .mz-step__video video,[data-mode="3d"] .mz-indev{height:19vh;max-height:19vh}[data-mode="3d"] .mz-photos{grid-auto-columns:96px;margin-top:12px}[data-mode="3d"] .mz-step--media .mz-photos{display:none}}@media (max-width:640px){.mz-facts,.mz-ex__grid--3{grid-template-columns:1fr}.mz-ex__grid--3>:first-child{grid-row:auto}}html .sticker-host>img.sticker{aspect-ratio:auto;object-fit:contain;width:auto;max-width:none;height:auto;box-shadow:none;filter:drop-shadow(0 6px 10px var(--color-shadow)) drop-shadow(0 1px 1px var(--color-shadow));background:0 0;border-radius:0;margin:0}.mz-pager{left:var(--gutter);bottom:var(--space-lg);z-index:3;align-items:center;gap:var(--space-xs) var(--space-sm);opacity:0;visibility:hidden;transition:opacity var(--dur-medium) var(--ease-out), visibility 0s var(--dur-medium);grid-template-columns:auto auto auto;display:grid;position:absolute}.mz-pager.is-active{opacity:1;visibility:visible;transition:opacity var(--dur-medium) var(--ease-out), visibility 0s}.mz-pager__btn{min-height:44px;padding:0 var(--space-md);border:var(--rule-hair) solid var(--color-ink);border-radius:var(--radius-none);background:var(--color-paper);color:var(--fg);font:500 var(--text-sm)/1 var(--font-display);cursor:pointer;white-space:nowrap;transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out)}.mz-pager__btn:hover{background:var(--fg);color:var(--bg)}.mz-pager__btn:active{background:var(--accent);border-color:var(--accent);color:var(--color-accent-ink)}.mz-pager__btn:disabled{opacity:.35;cursor:default;background:var(--color-paper);color:var(--fg)}.mz-pager__count{text-align:center;min-width:4.5ch;font:500 var(--text-sm)/1 var(--font-display);font-variant-numeric:tabular-nums}.mz-pager__hint{font-size:var(--text-xs);color:var(--muted);grid-column:1/-1;margin:0}@media (max-width:900px){.mz-pager{top:calc(var(--header-h) + var(--space-sm));bottom:auto;left:50%;transform:translate(-50%)}.mz-pager__hint,[data-mode="3d"] .mz-step__text{display:none}}