.Btn__BTN{--x1:var(--c3);--x2:var(--c1);--x3:var(--s1);display:flex;cursor:pointer;color:var(--x1);border:2px solid var(--x2);background-color:var(--bg2);justify-content:center;align-items: center;gap:1em;padding:calc(.5em + .25rem) 1em calc(.25em + .25rem) .5em;font-family:Connection;font-size:1em;line-height:1}.Btn__BTN:hover,.Btn__BTN:focus{border-color:var(--x3);background-color:#000}.Btn__LABEL{text-transform:uppercase}.pHome__CONTAINER{display:flex;flex-direction:column;justify-content:center;align-items: center;gap:6rem;width:100%;max-width:40rem;min-height:calc(100vh - 5rem);margin:0 auto;padding:2rem 0}.pHome__QR{overflow:hidden;display:none;border-radius:210px;width:210px;height:210px}.pHome__QR__IMG{width:100%}.pHome__TAGLINE{display:flex;letter-spacing:4px;flex-wrap:wrap;justify-content:center;max-width:600px;font-family:Connection;font-size:3rem;font-weight:400;line-height:1}.pHome__TAGLINE__LINE{display:block;padding-bottom:1rem}.pHome__TAGLINE span{--c:var(--c1);--s:var(--s1);color:var(--c);text-shadow:2px 4px 0 var(--s)}.pHome__BTN__ROW{display:flex;flex-wrap:wrap;justify-content:center;align-items: center;gap:2rem;padding:2rem 0;font-size:1.5rem}.pCase__CONTENT{display:block;position:relative;background:var(--bg2);border:2px solid var(--s1);max-width:80rem;margin:0 auto;padding:2rem}.pExamples__CONTAINER{display:flex;flex-direction:column;justify-content:start;align-items: center;width:100%;max-width:64rem;margin:0 auto;padding:2rem 0 8rem}.pExamples__GRID{display:grid;grid-template-columns:30rem 30rem;gap:4rem;width:100%}.pExamples__INTRO{text-align:center;padding-bottom:4rem}.pExamples__INTRO__TITLE{color:var(--fg);font-family:Connection;font-size:3rem}.pExamples__INTRO__TEXT{color:var(--c1);font-family:Comic Neue;font-size:1.5rem;font-style:italic}.pExamples__INTRO__TEXT>a{color:var(--c4);font-family:Comic Neue;font-size:1.5rem;font-style:italic;font-weight:700}.pExamples__INTRO__DIVIDER{background-color:var(--gray);width:100%;height:2px;margin:2rem 0}.pExamples__INTRO__INTSTRUCTIONS{color:var(--gray);font-family:Comic Neue;font-size:1.25rem}.pExamples__ITEM{--c:var(--c1);--s:var(--s1);overflow:hidden;border:2px solid var(--s);border-radius:.5rem;width:30rem;height:26rem}.pExamples__ITEM__GRAPHIC{position:relative;overflow:hidden;z-index:1;background-color:#000;width:30rem;height:20rem}.pExamples__ITEM__IMG{position:absolute;display:block;width:100%;top:0;left:0}.pExamples__ITEM__INFO{z-index:2;background-color:var(--bg2);border-top:2px solid var(--s);display:flex;justify-content:space-between;align-items: center;width:100%;height:6rem;padding:0 1rem}.pExamples__ITEM__TITLE{color:var(--fg);font-size:1.25rem}.pExamples__ITEM__FOR{color:var(--gray);display:block;font-size:.9rem}.pExamples__ITEM__IDEAL{color:var(--c);font-size:1rem}.pExamples__ITEM__FORMAT{background-color:var(--s);color:var(--fg);text-transform:uppercase;position:absolute;border-bottom-left-radius:8px;padding:2px 16px;font-style:italic;font-weight:700;top:0;right:0}.MD{color:var(--fg);font-family:Comic Neue;line-height:2rem}.MD a{text-decoration:underline;color:var(--c1)}.MD a:visited{text-decoration:underline;color:var(--c2)}.MD a:hover{text-decoration:underline;color:var(--s1)}.MD code{display:inline-block;background-color:#ddd;border-radius:4px;padding:0 .5rem;font-size:1rem;line-height:1rem}.MD pre{display:flex;overflow-x:scroll;position:relative;outline:2px solid #ccc;border-radius:4px;flex-direction:column;justify-content:center;min-height:4rem;margin:2rem 0;padding:0 1rem;line-height:2rem;box-shadow:0 4px 4px #00000080}.MD pre code{background:unset;padding:unset;margin:unset;border-radius:0;font-size:1rem;line-height:2rem}.MD pre code .line{display:inline-block;white-space:pre-wrap;word-break:break-word;text-indent:-4rem;padding-left:4rem}@media (max-width:600px){.MD pre{min-height:4rem;padding:0 .5rem}.MD pre code .line{text-indent:unset;font-size-adjust:none;white-space:pre-wrap;word-break:unset;-webkit-text-size-adjust:100%;padding-left:0;font-size:1rem}}.MD h1:after,.MD h2:after,.MD h3:after,.MD h4:after,.MD h5:after,.MD h6:after,.MD p:after{content:" ";display:inline-block;line-height:2rem}.MD h1,.MD h2,.MD h3,.MD h4,.MD h5,.MD h6{color:var(--gray);margin:2rem 0;font-family:Comic Neue;font-weight:700;line-height:2rem}.MD h1,.MD h2{letter-spacing:-1px}.MD h1{color:var(--fg);font-family:Connection;font-size:3rem;font-weight:400;line-height:2rem}.MD h2{text-transform:uppercase;color:var(--fg);font-family:Comic Neue;font-size:1.75rem;line-height:2rem}.MD h3{font-size:1.5rem}.MD h4{font-size:1.25rem}.MD h5{font-size:1.1rem}.MD h6{font-size:1rem}.MD p{color:var(--fg);text-rendering:optimizeSpeed;margin:2rem 0;font-size:1.25rem;line-height:2rem}.MD blockquote{border-left:2px solid var(--c3);color:var(--fg);margin:2rem;padding:1px 1rem 1px 2rem;font-family:Connection;font-size:2rem;line-height:2rem}.MD blockquote p{font-size:2rem;line-height:2rem}.MD ul,.MD ol{margin:2rem 0;padding-left:.5rem;font-family:Comic Neue;font-size:1rem}ul li:before{content:"> ";line-height:2rem}.MD ul{list-style-type:none;list-style-position:outside}.MD ol{list-style-type:decimal;list-style-position:inside}.MD li{color:var(--fg);font-size:1.25rem;line-height:2rem}.MD hr{border:none;border-top:2px solid var(--gray);margin:calc(2rem - 1px) 0}.MD img{display:block;max-width:100%;margin:0 auto}.MD table{border-collapse:collapse;width:100%;margin:2rem 0}.MD th,.MD td{border:1px solid var(--gray);text-align:left;padding:2rem 1rem}.MD th{background-color:var(--gray);font-weight:700}.MD tr:nth-child(2n){background-color:var(--gray)}.Page__WRAP{min-height:calc(100vh - 3rem);padding-top:3rem}.Nav__WRAP{position:fixed;z-index:10;background:linear-gradient(to bottom,var(--bg)0%,transparent 100%);overflow:hidden;width:100%;height:3rem;top:0;left:0}.Nav__LEFT{position:absolute;height:3rem;top:0;left:1rem}.Nav__RIGHT{position:absolute;display:flex;justify-content:end;align-items: center;height:3rem;top:0;right:1rem}.Nav__LOGO{display:flex;justify-content:start;align-items:baseline;gap:2px;font-size:1.25rem;line-height:2.5rem}.Nav__LOGO__ATX,.Nav__LOGO__QR{color:var(--fg)}.Nav__LOGO__DOT{color:var(--c1);font-size:2.5rem}.Nav__LOGO__COM{color:var(--gray);font-size:1rem}.Nav__BTN{display:block;border:1px dashed var(--s1);color:var(--gray);text-transform:uppercase;background:#000;height:1.5rem;padding:0 .5rem;line-height:1.5rem}.Nav__BTN:hover,.Nav__BTN:focus{color:var(--fg);border:1px solid var(--c1)}.FOOTER__WRAP{position:fixed;z-index:10;background:linear-gradient(to top,var(--bg)0%,transparent 100%);overflow:hidden;width:100%;height:3rem;bottom:0;left:0}.FOOTER__FLAG{position:absolute;width:60px;height:32px;bottom:0;left:0}.FOOTER__MESSAGE{position:absolute;color:var(--gray);height:32px;font-size:14px;font-style:italic;line-height:16px;bottom:0;left:56px}.FOOTER__MESSAGE__COUPON{color:var(--s1);display:block}.FOOTER__Q{position:absolute;background:var(--bg2);border:1px dashed var(--s4);color:var(--gray);text-align:center;border-radius:2rem;width:2rem;height:2rem;bottom:1rem;right:1rem}.FOOTER__Q__TXT{width:100%;height:2rem;font-family:Connection;font-size:1.25rem;line-height:2rem}.FOOTER__Q:hover,.FOOTER__Q:focus{color:var(--fg);border:1px solid var(--c4)}.TOC__WRAP{padding-top:1rem}.TOC__GROUP{padding-bottom:2rem}.TOC__GROUP__TITLE{text-transform:uppercase;color:var(--ink3);font-family:Nanum;font-size:1.5rem;font-weight:400;line-height:2rem}.TOC__GROUP__ITEMS{border-left:2px dotted var(--gray);margin-top:.5rem;padding-left:1rem}.TOC__ITEM{display:block;color:#777;position:relative;font-family:Nanum;font-size:1.25rem;line-height:2rem}.TOC__ITEM:hover{text-decoration:underline}.TOC__ITEM>code,.TOC__SUB>code{letter-spacing:-1px;color:#555;font-family:monospace;font-size:.9rem}.TOC__ITEM.active{color:#000;font-weight:700}.TOC__ITEM.active:before{content:"";position:absolute;background-color:#000;width:2px;height:100%;top:0;left:-18px}.TOC__ITEM.active>code{color:var(--ink0);font-weight:700}.TOC__SUB{display:block;color:var(--ink2);padding:.25rem 0;font-size:1rem}.TOC__SUB__2{padding-left:.75rem}.TOC__SUB__3{padding-left:1.25rem}.TOC__SUB:hover{text-decoration:underline}