header{width:100%;height:auto;position:fixed;z-index:100;padding:var(--page-padding-default);padding-bottom:0;pointer-events:none}#top-nav{width:100%;max-width:768px;height:var(--nav-height);border-radius:var(--radius-md);padding:12px 16px;color:#323232;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:40px;margin:0 auto;background-color:#ffffff50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);box-shadow:0 4px 8px #0a0a0a10;pointer-events:auto;transition:transform .3s ease,opacity .3s ease;transform:translateY(0);opacity:1}#top-nav.nav-hidden{transform:translateY(-120%);opacity:0}#left-nav{display:flex;flex-direction:row;gap:40px}.main-logo{width:30px;height:21px;background-color:#000;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2070'%20fill='none'%3e%3cpath%20d='M11.98,50.84h9.5c3.5,0,6.34-2.84,6.34-6.34,0,0,0-19.01,0-19.01,0-14,11.35-25.34,25.34-25.34h9.5c5.25,0,9.5,4.26,9.5,9.5s-4.26,9.5-9.5,9.5h-9.5c-3.5,0-6.34,2.84-6.34,6.34,0,0,0,19.01,0,19.01,0,14-11.35,25.34-25.34,25.34h-9.5c-5.25,0-9.5-4.26-9.5-9.5s4.26-9.5,9.5-9.5Z'%20fill='currentColor'%20stroke='none'/%3e%3ccircle%20cx='62.67'%20cy='35'%20r='9.5'%20fill='currentColor'%20stroke='none'/%3e%3cpath%20d='M97.52,35v9.5c0,14-11.35,25.34-25.34,25.34h-9.5c-5.25,0-9.5-4.26-9.5-9.5s4.23-9.48,9.45-9.5h9.56c3.5,0,6.34-2.84,6.34-6.34v-9.5c0-5.25,4.25-9.5,9.5-9.5s9.5,4.25,9.5,9.5Z'%20fill='currentColor'%20stroke='none'/%3e%3ccircle%20cx='88.02'%20cy='9.66'%20r='9.5'%20fill='currentColor'%20stroke='none'/%3e%3c/svg%3e");-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20100%2070'%20fill='none'%3e%3cpath%20d='M11.98,50.84h9.5c3.5,0,6.34-2.84,6.34-6.34,0,0,0-19.01,0-19.01,0-14,11.35-25.34,25.34-25.34h9.5c5.25,0,9.5,4.26,9.5,9.5s-4.26,9.5-9.5,9.5h-9.5c-3.5,0-6.34,2.84-6.34,6.34,0,0,0,19.01,0,19.01,0,14-11.35,25.34-25.34,25.34h-9.5c-5.25,0-9.5-4.26-9.5-9.5s4.26-9.5,9.5-9.5Z'%20fill='currentColor'%20stroke='none'/%3e%3ccircle%20cx='62.67'%20cy='35'%20r='9.5'%20fill='currentColor'%20stroke='none'/%3e%3cpath%20d='M97.52,35v9.5c0,14-11.35,25.34-25.34,25.34h-9.5c-5.25,0-9.5-4.26-9.5-9.5s4.23-9.48,9.45-9.5h9.56c3.5,0,6.34-2.84,6.34-6.34v-9.5c0-5.25,4.25-9.5,9.5-9.5s9.5,4.25,9.5,9.5Z'%20fill='currentColor'%20stroke='none'/%3e%3ccircle%20cx='88.02'%20cy='9.66'%20r='9.5'%20fill='currentColor'%20stroke='none'/%3e%3c/svg%3e")}#footer{color:var(--secondary-text);width:100%;max-width:1200px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--gap-sm) var(--wrapper-padding);margin:20px auto}.arrow-to-top:before{content:"";width:20px;height:20px;margin-right:var(--gap-xs);background-color:var(--secondary-text);display:block;transition:all .3s ease;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-arrow-up'%3e%3cline%20x1='12'%20y1='19'%20x2='12'%20y2='5'%3e%3c/line%3e%3cpolyline%20points='5%2012%2012%205%2019%2012'%3e%3c/polyline%3e%3c/svg%3e");-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-arrow-up'%3e%3cline%20x1='12'%20y1='19'%20x2='12'%20y2='5'%3e%3c/line%3e%3cpolyline%20points='5%2012%2012%205%2019%2012'%3e%3c/polyline%3e%3c/svg%3e")}.arrow-to-top{color:var(--secondary-text);display:inline-flex;align-items:center;position:relative;cursor:pointer;overflow:hidden;margin-right:auto}.arrow-to-top:before{content:"";width:20px;height:20px;margin-right:var(--gap-xs);background-color:var(--secondary-text);display:block;transition:all .3s ease;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-arrow-up'%3e%3cline%20x1='12'%20y1='19'%20x2='12'%20y2='5'%3e%3c/line%3e%3cpolyline%20points='5%2012%2012%205%2019%2012'%3e%3c/polyline%3e%3c/svg%3e");-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-arrow-up'%3e%3cline%20x1='12'%20y1='19'%20x2='12'%20y2='5'%3e%3c/line%3e%3cpolyline%20points='5%2012%2012%205%2019%2012'%3e%3c/polyline%3e%3c/svg%3e")}.arrow-btn:after{content:"";width:20px;height:20px;margin-left:var(--gap-xs);background-color:var(--secondary-text);display:block;transition:all .3s ease;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-arrow-up-right'%3e%3cline%20x1='7'%20y1='17'%20x2='17'%20y2='7'%3e%3c/line%3e%3cpolyline%20points='7%207%2017%207%2017%2017'%3e%3c/polyline%3e%3c/svg%3e");-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-arrow-up-right'%3e%3cline%20x1='7'%20y1='17'%20x2='17'%20y2='7'%3e%3c/line%3e%3cpolyline%20points='7%207%2017%207%2017%2017'%3e%3c/polyline%3e%3c/svg%3e")}#background{position:fixed;width:100vw;height:100vh;overflow:hidden;display:flex;background:linear-gradient(to bottom,transparent,var(--gradient-main)),linear-gradient(to bottom,#ececec,#f9f9f9);background-blend-mode:overlay,normal;isolation:isolate}#background-img{position:relative;width:100%;max-width:var(--max-width);height:60%;pointer-events:none;object-fit:cover;background-size:cover;background-position:center;background-color:var(--gradient-main);border-radius:var(--radius-sm);opacity:1;box-shadow:0 2px 6px #0000001f}#project-name{position:relative;padding:1.5rem 0 2rem;opacity:1}.white-fade{color:transparent;background:linear-gradient(#000 80%,#0000006a);-webkit-background-clip:text;background-clip:text}.black-fade{color:transparent;background:linear-gradient(#0a0a0a 60%,#0a0a0a40);-webkit-background-clip:text;background-clip:text}.glass{background:linear-gradient(180deg,#fff9,#ffffff73);box-shadow:0 2px 6px #00000014;border:2px solid #ffffff20;border-radius:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.hflex{display:flex;flex-direction:row;gap:var(--gap-lg)}.vflex{display:flex;flex-direction:column;gap:var(--gap-lg)}.hspread{display:flex;flex-direction:row;justify-content:space-between}#hero-wrapper,#project-wrapper,#detail-wrapper{width:100%;max-width:var(--max-width)}#hero-wrapper{display:flex;flex-direction:row;gap:80px;height:100%;padding:var(--wrapper-padding);margin:auto;align-items:center;justify-content:center;text-align:center}#project-wrapper{height:auto;padding:var(--wrapper-padding);background-color:var(--block-background);border-radius:var(--radius-sm)}#detail-wrapper{height:auto;display:flex;padding:var(--wrapper-padding);gap:var(--gap-sm);flex-direction:column;border-radius:var(--radius-sm)}#text-container{display:flex;gap:var(--gap-lg);flex-flow:column;width:80%;height:100%;align-items:start;justify-content:center;align-self:stretch;margin:auto;text-align:left}#type-element{color:#23008a}.typed-cursor{color:#23008aaa;font-weight:200}#icons-container{display:flex;flex-direction:column;gap:var(--gap-lg);height:100%;align-items:center;justify-content:center;align-self:stretch}.icon-block{gap:var(--gap-md)}.icon-image{position:relative;width:30vw;max-width:180px;height:30vw;max-height:180px;border-radius:20px}.folder-bottom{position:absolute;width:100%;height:100%;background:#a5c2d580;border-radius:var(--radius-sm);mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20230%20230'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M81.7157%200C87.0201%200%2092.1071%202.10714%2095.8579%205.85786L124.142%2034.1421C127.893%2037.8929%20132.98%2040%20138.284%2040H210C221.046%2040%20230%2048.9543%20230%2060V210C230%20221.046%20221.046%20230%20210%20230H20C8.9543%20230%200%20221.046%200%20210V20C0%208.9543%208.95431%200%2020%200H81.7157Z'%20fill='black'/%3e%3c/svg%3e");-webkit-mask:url("data:image/svg+xml,%3csvg%20viewBox='0%200%20230%20230'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M81.7157%200C87.0201%200%2092.1071%202.10714%2095.8579%205.85786L124.142%2034.1421C127.893%2037.8929%20132.98%2040%20138.284%2040H210C221.046%2040%20230%2048.9543%20230%2060V210C230%20221.046%20221.046%20230%20210%20230H20C8.9543%20230%200%20221.046%200%20210V20C0%208.9543%208.95431%200%2020%200H81.7157Z'%20fill='black'/%3e%3c/svg%3e")}.folder-paper{position:absolute;bottom:15%;width:50%;height:60%;background-color:#fff;border-radius:var(--radius-xs);transform-origin:center;transition:all .3s ease}.folder-paper:nth-child(2){left:10%}.folder-paper:nth-child(3){right:10%}.folder-top{position:absolute;bottom:0;width:100%;height:70%;background-color:#4687af86;border-radius:var(--radius-sm);transition:all .3s ease;transform-origin:bottom}.icon-image:hover .folder-paper:nth-child(2){transform:rotate(-6deg) translateY(-12%)}.icon-image:hover .folder-paper:nth-child(3){transform:rotate(7deg) translateY(-30%)}.icon-image:hover .folder-top{transform:skew(8deg) scaleY(.8)}#contact-grid{padding:15%;display:grid;grid-template:1fr 1fr / 1fr 1fr;gap:15%}.contact-icon{border-radius:50%;background-color:#eaeaea;padding:25%;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}.contact-icon-logo{width:100%;height:100%;max-width:24px;max-height:24px;background-color:#5a5a5a;transition:all .2s ease}.contact-icon:hover .contact-icon-logo{opacity:.6;transform:translateY(-12%);box-shadow:0 0 4px #000}.mail{mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-mail'%3e%3cpath%20d='M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2z'%3e%3c/path%3e%3cpolyline%20points='22,6%2012,13%202,6'%3e%3c/polyline%3e%3c/svg%3e");-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-mail'%3e%3cpath%20d='M4%204h16c1.1%200%202%20.9%202%202v12c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V6c0-1.1.9-2%202-2z'%3e%3c/path%3e%3cpolyline%20points='22,6%2012,13%202,6'%3e%3c/polyline%3e%3c/svg%3e")}.github{mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M22,8.83c0-1.43-.51-2.79-1.43-3.87.4-1.27.33-2.62-.2-3.85-.06-.14-.17-.24-.32-.28-.14-.04-1.43-.35-4.14,1.42-2.24-.57-4.59-.57-6.82,0C6.38.49,5.09.79,4.95.83c-.14.04-.26.15-.32.28-.53,1.23-.59,2.58-.2,3.85-.93,1.09-1.44,2.46-1.43,3.9,0,5.4,3.23,6.87,6.03,7.37-.39.66-.58,1.42-.53,2.17-2.47.68-3.2-.21-4.1-1.36-.54-.68-1.15-1.46-2.15-1.71-.54-.13-1.08.19-1.21.73-.13.54.19,1.08.73,1.21.34.09.68.51,1.07,1.01.77.98,1.86,2.36,4.17,2.36.45,0,.95-.06,1.51-.18v1.84c0,.28.22.5.5.5h7c.28,0,.5-.22.5-.5v-3.83c.06-.8-.13-1.59-.53-2.27,2.8-.47,6.03-1.92,6.03-7.38Z'%20fill='currentColor'%20stroke='none'/%3e%3c/svg%3e");-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M22,8.83c0-1.43-.51-2.79-1.43-3.87.4-1.27.33-2.62-.2-3.85-.06-.14-.17-.24-.32-.28-.14-.04-1.43-.35-4.14,1.42-2.24-.57-4.59-.57-6.82,0C6.38.49,5.09.79,4.95.83c-.14.04-.26.15-.32.28-.53,1.23-.59,2.58-.2,3.85-.93,1.09-1.44,2.46-1.43,3.9,0,5.4,3.23,6.87,6.03,7.37-.39.66-.58,1.42-.53,2.17-2.47.68-3.2-.21-4.1-1.36-.54-.68-1.15-1.46-2.15-1.71-.54-.13-1.08.19-1.21.73-.13.54.19,1.08.73,1.21.34.09.68.51,1.07,1.01.77.98,1.86,2.36,4.17,2.36.45,0,.95-.06,1.51-.18v1.84c0,.28.22.5.5.5h7c.28,0,.5-.22.5-.5v-3.83c.06-.8-.13-1.59-.53-2.27,2.8-.47,6.03-1.92,6.03-7.38Z'%20fill='currentColor'%20stroke='none'/%3e%3c/svg%3e")}.linkedin{mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M15.5,7.5c-3.58,0-6.5,2.92-6.5,6.5v7c0,.28.22.5.5.5h4c.28,0,.5-.22.5-.5v-7c0-.83.67-1.5,1.5-1.5s1.5.67,1.5,1.5v7c0,.28.22.5.5.5h4c.28,0,.5-.22.5-.5v-7c0-3.58-2.92-6.5-6.5-6.5Z'%20fill='currentColor'%20stroke='none'/%3e%3crect%20x='2'%20y='8.5'%20width='5'%20height='13'%20rx='.5'%20ry='.5'%20fill='currentColor'%20stroke='none'/%3e%3ccircle%20cx='4.5'%20cy='4'%20r='2.5'%20fill='currentColor'%20stroke='none'/%3e%3c/svg%3e");-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%20viewBox='0%200%2024%2024'%20fill='none'%3e%3cpath%20d='M15.5,7.5c-3.58,0-6.5,2.92-6.5,6.5v7c0,.28.22.5.5.5h4c.28,0,.5-.22.5-.5v-7c0-.83.67-1.5,1.5-1.5s1.5.67,1.5,1.5v7c0,.28.22.5.5.5h4c.28,0,.5-.22.5-.5v-7c0-3.58-2.92-6.5-6.5-6.5Z'%20fill='currentColor'%20stroke='none'/%3e%3crect%20x='2'%20y='8.5'%20width='5'%20height='13'%20rx='.5'%20ry='.5'%20fill='currentColor'%20stroke='none'/%3e%3ccircle%20cx='4.5'%20cy='4'%20r='2.5'%20fill='currentColor'%20stroke='none'/%3e%3c/svg%3e")}.insta{mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-instagram'%3e%3crect%20x='2'%20y='2'%20width='20'%20height='20'%20rx='5'%20ry='5'%3e%3c/rect%3e%3cpath%20d='M16%2011.37A4%204%200%201%201%2012.63%208%204%204%200%200%201%2016%2011.37z'%3e%3c/path%3e%3cline%20x1='17.5'%20y1='6.5'%20x2='17.51'%20y2='6.5'%3e%3c/line%3e%3c/svg%3e");-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='100%25'%20height='100%25'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='2'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-instagram'%3e%3crect%20x='2'%20y='2'%20width='20'%20height='20'%20rx='5'%20ry='5'%3e%3c/rect%3e%3cpath%20d='M16%2011.37A4%204%200%201%201%2012.63%208%204%204%200%200%201%2016%2011.37z'%3e%3c/path%3e%3cline%20x1='17.5'%20y1='6.5'%20x2='17.51'%20y2='6.5'%3e%3c/line%3e%3c/svg%3e")}#footer{color:var(--secondary-text);width:100%;max-width:1200px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--gap-sm) var(--wrapper-padding) 0}#project-list-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-md)}.project-link-wrapper{width:100%;color:#111;text-decoration:none}.project-block{width:100%;height:auto;padding:var(--gap-sm);gap:var(--gap-lg);border-radius:16px;border:solid 2px #0a0a0a08;background-color:#ffffff48;display:flex;flex-direction:row;align-items:start;justify-content:space-between;overflow:hidden;transition:all .4s ease}.project-block-left{width:100%;display:flex;padding:16px 0;flex-direction:column;justify-content:space-between;gap:var(--gap-sm);align-self:stretch;transform:translate(0);opacity:1;transition:transform .4s ease,opacity .4s ease}.project-color{display:none;width:14px;height:14px;margin-top:5px;transition:all .2s ease}.project-tag-container{display:flex;gap:8px}#tag-filters{flex-wrap:wrap;gap:8px}button,.project-tag{font-family:Bricolage;padding:6px 12px 4px;border-radius:100px;border-width:1px;border-style:solid;border-color:#02020a;background-color:transparent}.active{background-color:#dbdbdb}.thumbnail-preview{width:200px;min-width:200px;height:200px;background-size:cover;background-position:left;border-radius:8px;pointer-events:none;transition:all .3s ease}.thumbnail-preview.full{border-radius:8px;width:100%;box-shadow:0 2px 6px #00000014;mask:none}#project-list-container:has(.project-block:hover) .project-block:not(:hover){filter:blur(3px) brightness(95%);opacity:.8}.project-block:hover .project-block-left{display:none;transform:translate(100%);opacity:0}.project-row{display:grid;padding:var(--padding-sm) 0;grid-template-columns:1fr 3fr;gap:var(--gap-lg);align-items:start;margin-bottom:40px}.test{padding-left:var(--padding-sm);padding-right:var(--padding-sm)}.hline{width:100%;height:1.5px;background-color:var(--gray-02);margin-bottom:20px}.project-content{display:flex;flex-direction:column;gap:var(--gap-md);width:100%;min-width:0}.myswiper{display:flex;flex-direction:column;width:100%;height:auto;overflow:hidden}.swiper-slide{width:100%;height:auto;display:flex;flex-direction:column}.image{width:100%;aspect-ratio:10 / 6;object-fit:cover;border-radius:var(--radius-sm)}.image-group{display:flex;flex-direction:column;gap:var(--gap-md)}.ratio-30{aspect-ratio:10 / 3}.ratio-40{aspect-ratio:10 / 4}.ratio-50{aspect-ratio:10 / 5}.ratio-wide{aspect-ratio:16 / 9}.ratio-60{aspect-ratio:10 / 6}.ratio-75{aspect-ratio:4 / 3}.ratio-100{aspect-ratio:1 / 1}.custom-pagination{width:100%;gap:var(--gap-md)}.my-bullet{width:100%;font-size:1rem;padding:var(--gap-sm) var(--gap-sm) var(--gap-sm) var(--padding-sm);text-align:left;border:none;transition:all .4s ease;display:flex;align-items:center;color:#ababab}.my-bullet:before{content:"";width:10px;height:10px;border-radius:50%;background-color:currentColor;margin-right:var(--gap-sm);flex-shrink:0}.my-bullet:hover{background:#e2e2e2;cursor:pointer}.my-bullet-active{background:#c9c9c9;color:var(--primary-text)}.detail-info{padding-inline-start:var(--gap-sm);display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-sm)}@media(max-width:960px){#hero-wrapper{flex-direction:column}#icons-container{flex-direction:row}.project-row{grid-template-columns:1fr;gap:var(--gap-md)}.detail-info{padding-inline-start:0;grid-template-columns:1fr}#project-list-container{grid-template-columns:1fr}}@media(max-width:600px){.project-block{flex-direction:column;gap:20px;width:100%}.thumbnail-preview,.thumbnail-preview.full{width:100%;height:0;padding-top:40%}.project-block-left{flex-direction:row;align-items:start;justify-content:space-between}.project-block:hover .project-block-left{display:flex;transform:none;opacity:1}.project-block-left{width:100%}.project-block{border:none;background:transparent;gap:var(--gap-xs)}}.card{position:relative;width:100%;aspect-ratio:1 / 1;border-radius:8px}.card-header{display:flex;flex-direction:row;align-items:center;justify-content:space-between}.card-text{display:flex;flex-direction:column;gap:16px;padding:20px}.tag-container{display:flex;gap:8px}.tag{padding:6px 12px 4px;border-radius:100px;border-width:1px;border-style:solid;border-color:#02020a;background-color:transparent}.thumbnail,.background{left:0;top:0;position:absolute;width:100%;height:100%;border-radius:inherit}.thumbnail{background:#ffffff30;z-index:-1}.background{border:2px solid #00000016;background:#fff;mask:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.6));z-index:-2}.card-list{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:20px}@media(max-width:600px){.card-list{grid-template-columns:1fr}}#detail-wrapper{width:100%;max-width:var(--max-width);height:auto;display:flex;padding:var(--wrapper-padding);gap:64px;flex-direction:column;border-radius:var(--radius-sm)}#project-name{font-size:2.5rem;padding:0}.project-header{width:100%;display:flex;flex-direction:row;align-items:end;justify-content:space-between;gap:40px}.header-group{display:flex;flex-direction:column;gap:8px}.project-logo{width:80px;min-width:80px;height:80px;background-color:#ededed;border-radius:8px}.detail-container{width:100%;display:grid;grid-template-columns:1fr 1fr;column-gap:40px;font-size:.9rem;color:#777}.detail-row{display:flex;flex-direction:row;padding:12px 0;align-items:center;justify-content:space-between;border-top:1px solid #eaeaea}.project-section,.project-sub-section{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:24px}.project-sub-section{padding-bottom:40px}.problem-wrapper{display:flex;flex-direction:row;width:100%;gap:var(--gap-md)}.problem-block{display:flex;flex-direction:column;gap:var(--gap-xs);width:100%;padding:var(--padding-sm);border:var(--line-style);border-radius:8px}#hero-image,.image{width:100%;padding-top:60%;background:#dadada;border-radius:8px}.image-group{width:100%;display:flex;flex-direction:column;gap:8px}.image-row{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.arrow-btn{color:var(--secondary-text);display:inline-flex;align-items:center;position:relative;cursor:pointer;overflow:hidden;margin-right:auto}.arrow-btn span{display:block;position:relative;transition:all .3s ease}.arrow-btn:before{content:attr(data-text);display:block;position:absolute;transform:translateY(100%);opacity:0;transition:transform .3s ease,opacity .3s ease}.arrow-btn:after{content:"";width:20px;height:20px;margin-left:var(--gap-xs);background-color:var(--secondary-text);display:block;transition:all .3s ease;mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-arrow-up-right'%3e%3cline%20x1='7'%20y1='17'%20x2='17'%20y2='7'%3e%3c/line%3e%3cpolyline%20points='7%207%2017%207%2017%2017'%3e%3c/polyline%3e%3c/svg%3e");-webkit-mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='currentColor'%20stroke-width='1.5'%20stroke-linecap='round'%20stroke-linejoin='round'%20class='feather%20feather-arrow-up-right'%3e%3cline%20x1='7'%20y1='17'%20x2='17'%20y2='7'%3e%3c/line%3e%3cpolyline%20points='7%207%2017%207%2017%2017'%3e%3c/polyline%3e%3c/svg%3e")}.arrow-btn:hover span{transform:translateY(-100%);opacity:0}.arrow-btn:hover:before{transform:translateY(0);opacity:1;color:var(--primary-text)}.arrow-btn:hover:after{transform:rotate(45deg);background-color:var(--primary-text)}.group{display:flex;gap:12px}@media(max-width:600px){.problem-wrapper{flex-direction:column}.detail-container{grid-template-columns:1fr}}@font-face{font-family:Pretendard;font-weight:45 920;font-style:normal;font-display:swap;src:url(/assets/PretendardVariable-CJuje-Rk.woff2) format("woff2")}@font-face{font-family:Bricolage;font-weight:100 900;font-style:normal;font-display:swap;font-variation-settings:"wdth" 100;src:url(/assets/BricolageGrotesque-Variable-DcWnIxAz.ttf) format("truetype")}:root{font-size:16px;--gap-xs: .25rem;--gap-sm: .5rem;--gap-md: 1rem;--gap-lg: 2rem;--gap-xl: 2.5rem;--radius-xs: .5rem;--radius-sm: 1rem;--radius-md: 1.5rem;--radius-lg: 2rem;--radius-xl: 4rem;--page-padding-default: 16px;--page-padding-side: var(--page-padding-default);--wrapper-padding: 40px;--max-width: 1200px;--nav-height: 52px;--nav-top: calc(var(--page-padding-default)*2 + var(--nav-height));--padding-sm: 20px;--padding-lg: 40px;--gray-01: #8b8e92;--gray-02: #00000012;--primary-text: #020a0a;--secondary-text: var(--gray-01);--accent-text: #005b85;--main-background: #f5f5f500;--block-background: #ffffff00;--gradient-main: #657086;--line-style: 1.5px solid var(--gray-02)}*{font-family:Bricolage;box-sizing:border-box;line-height:120%}body{margin:0}@media(max-width:600px){:root{--page-padding-side: 0px;--wrapper-padding: 24px}}a{color:inherit;text-decoration-line:none}h1,h2,h3,h4,h5,h6,p{margin:0}ul,li{padding:none;margin:none}.pret{font-family:Pretendard}.bold,b{font-weight:620}b{font-family:inherit}.regular{font-weight:400}.light{font-weight:240}.gray{color:var(--secondary-text)}.home-header{font-size:calc(2.8rem + 2vw);text-align:left;line-height:140%}.hero-header{font-size:calc(2.2rem + 2vw);text-align:left;line-height:140%}.page-header{margin:1.25rem 0 0;font-size:2.5rem}.section-header{font-size:2rem}.title-text{font-size:1.5rem}.subtitle-text{font-size:1.25rem}.body-text{font-size:1rem}.cap-text{font-size:.9rem}#main-wrapper{position:relative;margin:auto;width:100%;min-height:100vh;gap:var(--gap-md);padding:var(--nav-top) var(--page-padding-side) calc(var(--nav-top)/2);display:flex;flex-direction:column;align-items:center}