body:has(.tutorial-layout){--paper:#fafafa;background:#fafafa}body:has(.tutorial-layout) #main-content{background:#fafafa}.tutorial-shot{text-align:center;margin:30px auto}.tutorial-shot img{border:1px solid var(--line-soft);border-radius:8px;width:320px;max-width:100%;height:auto;margin:0 auto;display:block}.tutorial-shot figcaption{color:var(--muted);margin-top:12px;font-size:12px;line-height:1.6}.tutorial-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.tutorial-pair .tutorial-shot{width:100%}.article-body blockquote{background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:0 6px 6px 0;margin:24px 0;padding:18px 22px}.article-body blockquote p{margin:0}@media (width<=600px){.tutorial-pair{grid-template-columns:1fr;gap:0}}.tutorial-email img{width:100%}.unbox{width:min(100%,1200px);margin:0 auto;padding:48px 24px 0;scroll-margin-top:76px}.unbox-heading{align-items:baseline;gap:16px;padding:0 12px;display:flex}.unbox-heading h2{letter-spacing:-.03em;margin:0;font-size:26px}.unbox-heading p{color:var(--muted);margin:0;font-size:13px}.unbox-strip{grid-template-columns:1.65fr .9fr .85fr 1.15fr .95fr;align-items:start;gap:12px;padding:30px 12px 12px;display:grid}.unbox-item{text-align:center;border-radius:12px;min-width:0;margin:0}.unbox-object{justify-content:center;align-items:center;height:245px;display:flex}.unbox-object img{object-fit:contain;width:100%;height:100%;transition:transform .42s cubic-bezier(.2,.8,.2,1),filter .42s;display:block}.unbox-item--plaque .unbox-object img{height:84%}.unbox-item--stickers .unbox-object img{height:88%}.unbox-item figcaption{min-height:64px;padding:16px 3px 8px;font-size:12px;line-height:1.5;transition:opacity .24s,transform .24s}.unbox-item figcaption strong{font-weight:600;display:block}.unbox-item figcaption span{color:var(--muted);margin-top:4px;font-size:11px;display:block}.unbox-item:hover .unbox-object img,.unbox-item:focus-visible .unbox-object img{filter:drop-shadow(0 14px 9px #0000001f);transform:translateY(-10px)rotate(-3deg)scale(1.045)}.unbox-item:nth-child(2n):hover .unbox-object img,.unbox-item:nth-child(2n):focus-visible .unbox-object img{transform:translateY(-10px)rotate(3deg)scale(1.045)}.unbox-item:focus-visible,.unbox-strip:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.unbox-hint{display:none}@media (hover:hover) and (pointer:fine){.unbox-item figcaption{opacity:0;transform:translateY(5px)}.unbox-item:hover figcaption,.unbox-item:focus-visible figcaption{opacity:1;transform:translateY(0)}}@media (width<=760px){.unbox{padding:30px 0 0}.unbox-heading{padding:0 20px}.unbox-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;gap:20px;padding:28px 20px 12px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.unbox-item{scroll-snap-align:start;flex:0 0 190px}.unbox-item--box{flex-basis:260px}.unbox-object{height:230px}.unbox-item figcaption{opacity:1;transform:none}.unbox-hint{color:var(--muted);margin:8px 20px 20px;font-size:11px;display:block}}@media (prefers-reduced-motion:reduce){.unbox-object img,.unbox-item figcaption{transition:none}.unbox-item:hover .unbox-object img,.unbox-item:focus-visible .unbox-object img{transform:none}}.article-body .unbox{width:100%;margin:-20px 0 36px;padding:0}.article-body .unbox-heading{gap:12px;padding:0}.article-body .unbox-heading h2{margin:0;padding:0;font-size:22px}.article-body .unbox-heading h2:before{display:none}.article-body .unbox-heading p{margin:0}.article-body .unbox-strip{gap:4px;padding:22px 0 8px}.article-body .unbox-item{margin:0}.article-body .unbox-item figcaption{padding-inline:0;font-size:11px}@media (width<=760px){.article-body .unbox-strip{gap:8px;scroll-padding-inline:0}.article-body .unbox-item{flex-basis:145px}.article-body .unbox-item--box{flex-basis:205px}.article-body .unbox-hint{margin:8px 0 0}}.article-grid.tutorial-layout{grid-template-columns:minmax(0,640px);justify-content:center}.tutorial-layout .article-body blockquote{border-inline-start:3px solid #bdbdbd;background:#f4f4f4;border-left-color:#bdbdbd}.article-language{color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px;margin:-24px 0 44px;font-size:12px;display:flex}.article-language select{max-width:100%;color:var(--ink);font:inherit;cursor:pointer;background:#f7f7f7;border:1px solid #ddd;border-radius:6px;padding:7px 30px 7px 10px}.article-language select:focus-visible{outline-offset:3px;outline:2px solid #777}.language-status{width:100%}.language-status:empty{display:none}.article-body .unbox-strip{gap:8px;width:min(1120px,100vw - 64px);margin-inline:calc(50% + min(1120px,100vw - 64px)/-2)}.article-body .unbox-object{height:290px}.article-body .unbox-item figcaption{font-size:12px}.article-body .unbox-item figcaption span{font-size:11px}.ceo-contact{width:320px;max-width:100%;position:relative}.ceo-contact .ceo-note{z-index:2;inset-inline-start:50%;color:#777;width:min(300px,100vw - 56px);box-shadow:none;pointer-events:none;opacity:0;visibility:hidden;background:#fafafaf5;border:1px solid #e7e7e7;border-radius:6px;margin:0;padding:10px 12px;font-size:11px;line-height:1.55;transition:opacity .15s,visibility .15s;position:absolute;bottom:72px;transform:translate(-50%)}[dir=rtl] .ceo-contact .ceo-note{transform:translate(50%)}@media (hover:hover) and (pointer:fine){.ceo-contact>img:hover~.ceo-note{opacity:1;visibility:visible}}.ceo-note a{overflow-wrap:anywhere}@media (width<=760px){.article-body .unbox-strip{width:calc(100% + 40px);margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px}.article-body .unbox-object{height:240px}.article-body .unbox-item{flex-basis:190px}.article-body .unbox-item--box{flex-basis:260px}}@media (prefers-reduced-motion:reduce){.ceo-contact .ceo-note{transition:none}}.closing-gallery{margin:40px 0 32px}.closing-gallery-track{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;border-radius:10px;gap:16px;padding:4px 0 14px;display:flex;overflow-x:auto}.closing-gallery-track img{aspect-ratio:2048/1366;object-fit:contain;scroll-snap-align:start;border-radius:10px;flex:0 0 88%;width:88%;min-width:0;height:auto;display:block}.closing-gallery-track:focus{outline:none}.article-body .closing-gallery-note{text-align:center;color:var(--muted);letter-spacing:-.02em;margin:22px 0 0;font-size:18px}@media (width<=760px){.closing-gallery-track{gap:12px}.closing-gallery-track img{flex-basis:90%;width:90%}}.article-hero .article-language{gap:0;margin:20px 0 0}.article-language>label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.article-language-control{color:#74746e;background:#f7f7f5;border-radius:999px;align-items:center;transition:background .15s;display:inline-flex;position:relative}.article-language-control:hover{background:#eeeeeb}.article-language-control select{-webkit-appearance:none;appearance:none;color:#55554f;background:0 0;border:1px solid #e9e9e5;border-radius:999px;min-width:150px;padding:10px 34px 10px 36px;font-size:12px;line-height:1.25}.article-language-control select:focus-visible{outline-offset:3px;outline:2px solid #aaa}.article-language-globe{pointer-events:none;position:absolute;inset-inline-start:12px}.article-language-chevron{pointer-events:none;position:absolute;inset-inline-end:12px}.article-language .language-status{margin-top:8px}@media (prefers-reduced-motion:reduce){.article-language-control{transition:none}}.closing-gallery-track{scrollbar-width:none;-ms-overflow-style:none;padding-bottom:0}.closing-gallery-track::-webkit-scrollbar{width:0;height:0;display:none}.article-body .closing-gallery-note{color:var(--muted);letter-spacing:normal;text-align:center;margin:12px 0 0;font-size:12px;line-height:1.6}.tutorial-layout [data-tutorial-copy="59"] a{font-weight:650}.article-download{isolation:isolate;background:linear-gradient(145deg,#fff,#f0f0ed);border:1px solid #e8e8e5;border-radius:24px;justify-content:center;align-items:center;min-height:280px;margin:56px 0 16px;padding:96px 24px 64px;transition:box-shadow .3s,border-color .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 32px #25252105}.article-download:hover{border-color:#deded9;box-shadow:0 14px 40px #2525210a}.download-team{pointer-events:none;justify-content:center;gap:10px;display:flex;position:absolute;inset:35px 0 auto}.download-team img{object-fit:contain;opacity:0;width:52px;height:52px;transition:opacity .25s,transform .5s cubic-bezier(.2,.8,.2,1.3);transition-delay:calc(var(--i) * 35ms);transform:translateY(28px)scale(.65)rotate(0)}.article-download:hover .download-team img,.article-download:focus-within .download-team img{opacity:1;transform:translateY(0) scale(1) rotate(var(--tilt))}@media (hover:none){.download-team img{opacity:1;transform:rotate(var(--tilt))}}@media (width<=600px){.article-download{border-radius:20px;min-height:240px;margin-top:40px;padding:96px 16px 48px}.download-team{gap:3px}.download-team img{width:40px;height:40px}}@media (prefers-reduced-motion:reduce){.download-team img,.article-download{transition:none}}.article-download a{color:#fff;background:#252521;border-radius:999px;align-items:center;gap:12px;padding:13px 20px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.article-download a:hover{color:#fff;background:#45453f}.article-download a:focus-visible{outline-offset:4px;outline:2px solid #777}.article-language-trigger{color:#55554f;min-width:150px;font:inherit;cursor:pointer;text-align:start;background:0 0;border:1px solid #e3e3df;border-radius:999px;padding:10px 34px 10px 36px;font-size:12px}.article-language-trigger:focus-visible{outline-offset:3px;outline:2px solid #b6b6ae}.article-language-menu{z-index:30;top:calc(100% + 8px);scrollbar-width:thin;background:#fff;border:1px solid #e6e6e2;border-radius:14px;width:210px;max-height:340px;padding:6px;position:absolute;inset-inline-start:0;overflow-y:auto;box-shadow:0 12px 36px #00000014}.article-language-menu[hidden]{display:none}.article-language-menu :is(button,a){color:#55554f;width:100%;font:inherit;cursor:pointer;text-align:start;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:13px;text-decoration:none;display:flex}.article-language-menu :is(button,a):hover,.article-language-menu :is(button,a):focus-visible{background:#f4f4f2;outline:none}.article-language-menu :is(button,a)[aria-checked=true]{color:#222;background:#f1f1ee}.article-language-menu button[aria-checked=true]:after{content:"✓"}.article-download{min-height:200px;padding:64px 24px}.article-download a{z-index:2;position:relative}.download-team{display:block;inset:0}.download-team img{transform:translate(var(--x), var(--y)) scale(.7) rotate(var(--tilt));border-radius:15px;position:absolute;box-shadow:0 5px 15px #0000000d}.download-team img:first-child{--x:-90px;--y:-50px;top:20%;left:5%}.download-team img:nth-child(2){--x:-35px;--y:-80px;top:6%;left:25%}.download-team img:nth-child(3){--x:40px;--y:-90px;top:5%;right:24%}.download-team img:nth-child(4){--x:90px;--y:-30px;top:22%;right:5%}.download-team img:nth-child(5){--x:-70px;--y:80px;bottom:7%;left:16%}.download-team img:nth-child(6){--x:70px;--y:80px;bottom:6%;right:15%}.article-download:hover .download-team img,.article-download:focus-within .download-team img{transform:translate(0, 0) scale(1) rotate(var(--tilt))}@media (width<=600px){.article-download{min-height:180px;padding:64px 12px}.download-team img{border-radius:10px;width:34px;height:34px}}@media (hover:none){.download-team img{transform:translate(0, 0) rotate(var(--tilt))}}.download-team img{border-radius:50%}.article-download{flex-direction:column;gap:12px;padding-block:48px}.article-body .download-tagline{z-index:2;text-align:center;color:#85857e;max-width:360px;margin:0;font-size:11px;line-height:1.5;position:relative}@media (width<=600px){.download-team img{border-radius:50%}.article-body .download-tagline{max-width:250px;font-size:10px}}.closing-gallery-track .gallery-condition{scroll-snap-align:start;background:#fff;border-radius:10px;flex:0 0 88%;grid-template-columns:42% 1fr;align-items:center;gap:24px;min-width:0;padding:20px;display:grid}.closing-gallery-track .gallery-condition img{aspect-ratio:auto;object-fit:contain;background:#fff;border-radius:18px;width:100%;height:310px;max-height:100%;overflow:hidden}.article-body .gallery-condition p{color:#62625c;margin:0;font-size:14px;line-height:1.7}@media (width<=600px){.closing-gallery-track .gallery-condition{flex-basis:90%;grid-template-columns:38% 1fr;gap:14px;padding:14px}.closing-gallery-track .gallery-condition img{height:230px}.article-body .gallery-condition p{font-size:12px;line-height:1.6}}.closing-gallery-track{cursor:grab;user-select:none}.closing-gallery-track img{-webkit-user-drag:none}.closing-gallery-track.is-dragging,.closing-gallery-track.is-settling{scroll-snap-type:none}.closing-gallery-track.is-dragging{cursor:grabbing}.gallery-controls{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.gallery-controls button{color:#626266;cursor:pointer;background:#e8e8ed;border:0;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;transition:background .15s;display:grid}.gallery-controls button:hover:not(:disabled){color:#1d1d1f;background:#dcdce1}.gallery-controls button:disabled{color:#b7b7bc;cursor:default;background:#f1f1f3}.gallery-controls button:focus-visible{outline-offset:4px;outline:2px solid #888}.article-heading-copy{padding:8px}.article-body .unbox-get-box{text-align:center;margin:12px 0 0;font-size:13px}.unbox-get-box a{text-underline-offset:3px}.article-body .box-availability{margin-top:40px;scroll-margin-top:88px}.article-body .box-availability h2{margin:0 0 10px;font-size:16px}.article-body .box-availability p{color:var(--muted);margin:0;font-size:13px;line-height:1.8}.box-availability a{text-underline-offset:3px;font-weight:600}html:has(.tutorial-layout){scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html:has(.tutorial-layout){scroll-behavior:auto}}
