.portfolio-archive #portfolio-container{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;padding-top:24px;display:grid}.portfolio-archive .portfolio-card{background:#fdfdfc;gap:16px;padding:0}.portfolio-archive .portfolio-card .thumbnail{border:1px solid #e0e3e6;border-radius:4px;overflow:clip}.portfolio-archive .portfolio-card .thumbnail img{aspect-ratio:4/3;object-fit:cover;object-position:top;display:block}.portfolio-archive .portfolio-card .data{text-align:left}.portfolio-archive .portfolio-card .data .title{font-size:20px;font-weight:650}.portfolio-archive .portfolio-card .category,.portfolio-archive .portfolio-card .part{font-size:13px}.portfolio-archive .pagination{margin-top:32px}@media (width<=900px){.portfolio-archive #portfolio-container{grid-template-columns:minmax(0,1fr)}.portfolio-archive .portfolio-card .thumbnail img{aspect-ratio:16/10}}#main.portfolio-article #portfolio-entry-header .data{border-top:1px solid #e0e3e6;margin-top:24px;font-size:14px;display:block}#main.portfolio-article #portfolio-entry-header .data .row{border-bottom:1px solid #e0e3e6;grid-template-columns:100px minmax(0,1fr);gap:16px;padding:12px 0;display:grid}#main.portfolio-article #portfolio-entry-header .data .label{color:#60666e}#main.portfolio-article #portfolio-entry-header .data .value{overflow-wrap:anywhere;color:#25272b;min-width:0}#main.portfolio-article #portfolio-entry-header .data .value a{color:#a52b25;text-decoration:underline}#main.portfolio-article #portfolio-entry-header .data small{font-size:12px}#portfolio-entry-container{flex-direction:column;gap:40px;padding-top:32px;display:flex}#portfolio-entry-container .sec-content{font-size:18px;line-height:1.85}@media (width<=700px){#portfolio-entry-container .sec-content{font-size:17px}}#portfolio-entry-container .sec-content a{color:#a52b25;text-underline-offset:3px;text-decoration:underline}#portfolio-entry-container .sec-content p,#portfolio-entry-container .sec-content figure,#portfolio-entry-container .sec-content ul,#portfolio-entry-container .sec-content ol,#portfolio-entry-container .sec-content table,#portfolio-entry-container .sec-content blockquote,#portfolio-entry-container .sec-content pre{margin:1.4em 0}#portfolio-entry-container .sec-content>:first-child,#portfolio-entry-container .sec-content [data-content-body]>:first-child{margin-top:0}#portfolio-entry-container .sec-content h1,#portfolio-entry-container .sec-content h2,#portfolio-entry-container .sec-content h3,#portfolio-entry-container .sec-content h4,#portfolio-entry-container .sec-content h5,#portfolio-entry-container .sec-content h6{word-break:keep-all;margin:2em 0 .8em;font-weight:650;line-height:1.45}#portfolio-entry-container .sec-content h1{font-size:1.8em}#portfolio-entry-container .sec-content h2{font-size:1.6em}#portfolio-entry-container .sec-content h3{font-size:1.35em}#portfolio-entry-container .sec-content h4{font-size:1.15em}#portfolio-entry-container .sec-content hr{border:0;border-top:1px solid #e0e3e6;margin:40px 0}#portfolio-entry-container .sec-content ul,#portfolio-entry-container .sec-content ol{padding-left:1.5em}#portfolio-entry-container .sec-content ul>li{list-style:outside}#portfolio-entry-container .sec-content ol>li{list-style:decimal}#portfolio-entry-container .sec-content li+li{margin-top:.4em}#portfolio-entry-container .sec-content li>ul,#portfolio-entry-container .sec-content li>ol{margin:.5em 0}#portfolio-entry-container .sec-content blockquote{color:#60666e;background:#f4f5f6;border-left:3px solid #a52b25;padding:16px 24px}#portfolio-entry-container .sec-content blockquote p{margin:0}#portfolio-entry-container .sec-content blockquote p+p{margin-top:1em}#portfolio-entry-container .sec-content table{border-collapse:collapse;max-width:100%;font-size:.9em}#portfolio-entry-container .sec-content th,#portfolio-entry-container .sec-content td{text-align:left;vertical-align:top;border:1px solid #e0e3e6;padding:12px 16px}#portfolio-entry-container .sec-content th{background:#f4f5f6;font-weight:650}#portfolio-entry-container .sec-content code:not([class*=language-]){overflow-wrap:anywhere;background:#f4f5f6;border-radius:3px;padding:.15em .3em}#portfolio-entry-container .sec-content pre{white-space:pre;border:1px solid #e0e3e6;border-radius:4px;max-width:100%;overflow:auto}#portfolio-entry-container .sec-content pre code{color:inherit;white-space:inherit;overflow-wrap:normal;background:0 0;padding:0}#portfolio-entry-container .sec-content pre[class*=language-],#portfolio-entry-container .sec-content code[class*=language-]{font-family:var(--font-code);text-shadow:none;font-size:14px;line-height:1.75}#portfolio-entry-container .sec-content pre[class*=language-]{background:#f4f5f6;margin:1.4em 0;padding:20px}#portfolio-entry-container .sec-content .wp-caption{max-width:100%}#portfolio-entry-container .sec-content img{max-width:100%;height:auto}#portfolio-entry-container .sec-content figcaption{color:#60666e;text-align:center;margin-top:8px;font-size:13px;line-height:1.6}#portfolio-entry-container .sec-content iframe{max-width:100%}#portfolio-entry-container .sec-content iframe[src*=codepen\.io]{width:100%}#portfolio-entry-container .sec-content{max-width:740px}#portfolio-entry-container .sec-screenshot img{border:1px solid #e0e3e6;width:100%;height:auto;display:block}#portfolio-entry-container figcaption{color:#60666e;margin-top:8px;font-size:13px;line-height:1.6}.project-archive .container{align-items:flex-start;gap:32px;display:flex}@media (width<=424px){.project-archive .container{margin:0 -15px}}.project-archive #project{flex:auto;min-width:0}.project-archive #project-container{flex-direction:column;gap:30px;display:flex}.project-archive .navigation{margin-top:40px}.project-article .container{align-items:flex-start;gap:32px;display:flex}@media (width<=424px){.project-article .container{margin:0 -15px}}.project-article #project-entry{background-color:#fff;flex:auto;min-width:0;padding:40px 30px}@media (width<=424px){.project-article #project-entry{padding:30px 15px}}.project-article #project-entry-header .title{word-break:keep-all;word-wrap:break-word;margin:0;font-size:18px;font-weight:500}.project-article #project-entry-header .data{color:#60666e;flex-wrap:wrap;gap:4px 12px;margin-top:6px;font-size:12px;display:flex}.project-article #project-entry-header .data .icon{position:relative;top:-.07em}.project-article #project-entry-header .demo-link{color:#60666e;border:1px solid #60666e47;border-radius:999px;align-items:center;margin-top:16px;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.project-article #project-entry-header .demo-link .icon{margin-right:4px;font-size:16px}@media (width>=1024px){.project-article #project-entry-header .demo-link:hover{color:#a52b25;background-color:#a52b250f;border-color:#a52b25}}.project-article #project-entry-container{padding-top:40px;font-size:18px;line-height:1.85}@media (width<=700px){.project-article #project-entry-container{font-size:17px}}.project-article #project-entry-container a{color:#a52b25;text-underline-offset:3px;text-decoration:underline}.project-article #project-entry-container p,.project-article #project-entry-container figure,.project-article #project-entry-container ul,.project-article #project-entry-container ol,.project-article #project-entry-container table,.project-article #project-entry-container blockquote,.project-article #project-entry-container pre{margin:1.4em 0}.project-article #project-entry-container>:first-child,.project-article #project-entry-container [data-content-body]>:first-child{margin-top:0}.project-article #project-entry-container h1,.project-article #project-entry-container h2,.project-article #project-entry-container h3,.project-article #project-entry-container h4,.project-article #project-entry-container h5,.project-article #project-entry-container h6{word-break:keep-all;margin:2em 0 .8em;font-weight:650;line-height:1.45}.project-article #project-entry-container h1{font-size:1.8em}.project-article #project-entry-container h2{font-size:1.6em}.project-article #project-entry-container h3{font-size:1.35em}.project-article #project-entry-container h4{font-size:1.15em}.project-article #project-entry-container hr{border:0;border-top:1px solid #e0e3e6;margin:40px 0}.project-article #project-entry-container ul,.project-article #project-entry-container ol{padding-left:1.5em}.project-article #project-entry-container ul>li{list-style:outside}.project-article #project-entry-container ol>li{list-style:decimal}.project-article #project-entry-container li+li{margin-top:.4em}.project-article #project-entry-container li>ul,.project-article #project-entry-container li>ol{margin:.5em 0}.project-article #project-entry-container blockquote{color:#60666e;background:#f4f5f6;border-left:3px solid #a52b25;padding:16px 24px}.project-article #project-entry-container blockquote p{margin:0}.project-article #project-entry-container blockquote p+p{margin-top:1em}.project-article #project-entry-container table{border-collapse:collapse;max-width:100%;font-size:.9em}.project-article #project-entry-container th,.project-article #project-entry-container td{text-align:left;vertical-align:top;border:1px solid #e0e3e6;padding:12px 16px}.project-article #project-entry-container th{background:#f4f5f6;font-weight:650}.project-article #project-entry-container code:not([class*=language-]){overflow-wrap:anywhere;background:#f4f5f6;border-radius:3px;padding:.15em .3em}.project-article #project-entry-container pre{white-space:pre;border:1px solid #e0e3e6;border-radius:4px;max-width:100%;overflow:auto}.project-article #project-entry-container pre code{color:inherit;white-space:inherit;overflow-wrap:normal;background:0 0;padding:0}.project-article #project-entry-container pre[class*=language-],.project-article #project-entry-container code[class*=language-]{font-family:var(--font-code);text-shadow:none;font-size:14px;line-height:1.75}.project-article #project-entry-container pre[class*=language-]{background:#f4f5f6;margin:1.4em 0;padding:20px}.project-article #project-entry-container .wp-caption{max-width:100%}.project-article #project-entry-container img{max-width:100%;height:auto}.project-article #project-entry-container figcaption{color:#60666e;text-align:center;margin-top:8px;font-size:13px;line-height:1.6}.project-article #project-entry-container iframe{max-width:100%}.project-article #project-entry-container iframe[src*=codepen\.io]{width:100%}.project-article #project-entry .sec{margin-top:70px}.project-article #project-entry .sec-screenshot{position:relative}.project-article #project-entry .sec-screenshot .sec-content ul{background-color:#0000;margin:0;padding:0;list-style:none}.project-article #project-entry .sec-screenshot .sec-content li{height:auto;margin:0;list-style:none}.project-article #project-entry .sec-screenshot .sec-content a{border:1px solid #e0e3e6;padding-top:56.25%;display:block;position:relative}.project-article #project-entry .sec-screenshot .sec-content img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;top:0;left:0}.project-article #project-entry .sec-screenshot .sec-content figure{margin:0}.project-article #project-entry .sec-download .sec-content ul{background-color:#0000;border-radius:0;margin:0;padding:0;list-style:none}.project-article #project-entry .sec-download .sec-content li{list-style:none}.project-article #project-entry .sec-download .sec-content svg{width:24px;height:24px}.project-article #project-entry .sec-download .sec-content .closed{text-align:center;background-color:#f4f5f6;padding:20px 10px}.project-article #project-entry .sec-download a{color:#60666e;border:1px solid #60666e47;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.project-article #project-entry .sec-download a svg{margin-right:6px}@media (width>=1024px){.project-article #project-entry .sec-download a:hover{color:#a52b25;background-color:#a52b250f;border-color:#a52b25}}.project-article #project-entry .sec-license a{color:#60666e;border:1px solid #60666e47;border-radius:999px;align-items:center;padding:6px 12px;font-size:12px;font-weight:600;text-decoration:none;transition:border-color .2s,background-color .2s,color .2s;display:inline-flex}.project-article #project-entry .sec-license a .icon{margin-right:6px;font-size:17px}@media (width>=1024px){.project-article #project-entry .sec-license a:hover{color:#a52b25;background-color:#a52b250f;border-color:#a52b25}}.project-article #project-entry .sec-history{position:relative}.project-article #project-entry .sec-history .sec-content{max-height:150px;overflow:hidden}.project-article #project-entry .sec-history .sec-content.show{max-height:inherit}.project-article #project-entry .sec-history .read-more{color:#a52b25;background:linear-gradient(#fff0 0%,#fff 70%);width:100%;height:40px;font-weight:700;display:none;position:absolute;bottom:0;left:0}.project-article #project-entry .sec-history .read-more span{background-color:#fff;padding:3px 5px;display:inline-block}.study-archive .container{align-items:flex-start;gap:32px;display:flex}@media (width<=424px){.study-archive .container{margin:0 -15px}}.study-archive #study{flex:auto;min-width:0}.study-archive #study-container{flex-direction:column;gap:30px;display:flex}.study-archive .navigation{margin-top:40px}