@charset "UTF-8";
:root{--hf-pb-img-outline: 10px;--hf-pb-transition-duration: .3s;--hf-pb-grid-gap-y: clamp(90px, calc(2.5568181818rem + 8.5227272727vw), 150px);--hf-pb-grid-gap-x: clamp(90px, calc(1.0227272727rem + 12.7840909091vw), 180px)}.hf-overflow-1.hfprojectbase_projectlist{--max-width: 1440px;max-width:var(--max-width)}.hf-project-list>.col{overflow:hidden}.hf-project-list[class*="hf-grid-"]{row-gap:60px}@media screen and (max-width:1024px){.hf-project-filter{border:none}}@media screen and (min-width:1024px){.hf-project-filter{--max-width: 1320px}}.hf-pagination{display:flex;justify-items:center;align-items:center;justify-content:center;grid-row-gap:10px;margin-left:var(--gl-gutter);margin-right:var(--gl-gutter);width:100%}.hf-pagination li.previous{margin-right:auto;margin-left:calc(var(--outer-gutter) * 2)}.hf-pagination li.next{margin-left:auto;margin-right:calc(var(--outer-gutter) * 2)}.hf-pagination li:not(.next):not(.previous) a{padding-right:14px;padding-left:14px}.hf-pagination li.next a,.hf-pagination li.previous a{color:var(--hf-link-color)}.hf-pagination li.next a:hover,.hf-pagination li.previous a:hover{color:var(--hf-link-hover-color)}.hf-pagination li.current a{background-color:var(--hf-link-hover-color);border:1px solid var(--hf-link-hover-color);color:white}@media screen and (max-width:900px){.hf-pagination{flex-wrap:wrap}.hf-pagination li.next,.hf-pagination li.previous{width:100%;margin:20px auto;text-align:center}}.hf-project-list-item-default-layout{position:relative}.hf-project-list-item-default-layout .absoulte-link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0}@media (min-width:769px){.hf-project-list-item-default-layout:hover .hf-pb-img-wrapper{transform:scale(0.98)}.hf-project-list-item-default-layout:hover .hf-pb-img-wrapper:before{inset:0}}.hf-pb-img-wrapper{position:relative;height:auto !important;z-index:-1}@media (min-width:769px){.hf-pb-img-wrapper{width:fit-content;will-change:transform;transition:transform var(--hf-pb-transition-duration) ease-in-out}.hf-pb-img-wrapper:before{content:"";display:block;inset:var(--hf-pb-img-outline);will-change:inset;position:absolute;outline:solid var(--hf-pb-img-outline) white;transition:inset var(--hf-pb-transition-duration) ease-in-out}}.hf-project-pad-x-m{padding-left:var(--hf-inner-element-spacing);padding-right:var(--hf-inner-element-spacing)}.w-520{max-width:540px}.w-780{max-width:800px}.hf-project-list-subgrid{display:grid;grid-template-columns:subgrid;column-gap:var(--hf-pb-grid-gap-x);row-gap:var(--hf-pb-grid-gap-y)}.hf-project-list-layout-a{display:grid;grid-template-columns:repeat(12, 1fr);grid-template-rows:auto;row-gap:var(--hf-pb-grid-gap-y)}.hf-project-list-layout-a .hf-pb-pos-1{grid-column:3 / span 12}.hf-project-list-layout-a .hf-pb-2-col{grid-column:span 12}.hf-project-list-layout-a .hf-pb-pos-2{grid-column:span 7}.hf-project-list-layout-a .hf-pb-pos-3{grid-column:span 5;padding-top:clamp(0px, calc(-15.3409090909rem + 42.6136363636vw), 300px)}.hf-project-list-layout-a .hf-pb-pos-4{grid-column:3 / span 7}.hf-project-list-layout-a .hf-pb-pos-5{grid-column:1 / span 5}.hf-project-list-layout-a .hf-pb-project-list-link{grid-column:6 / span 7}.hf-project-list-layout-a .hf-pb-project-list-link .hf-pg-img-wrapper{width:max-content}@media (max-width:768px){.hf-project-list-layout-a{grid-template-columns:repeat(4, 1fr)}.hf-project-list-layout-a .hf-pb-mobile-3{grid-column:span 3}.hf-project-list-layout-a .mobile-full{grid-column:span 4}}.hf-project-list-layout-b{display:grid;row-gap:var(--hf-pb-grid-gap-y)}.hf-project-list-layout-b .hf-project-list-subgrid{display:flex;column-gap:var(--hf-pb-grid-gap-x);justify-content:center}.hf-project-list-layout-b .hf-project-list-subgrid-aligned-base-grid{max-width:var(--max-width);width:100%;margin-left:auto;margin-right:auto;justify-content:flex-start}.hf-project-list-layout-b .hf-pb-pos-2,.hf-project-list-layout-b .hf-pb-pos-4{padding-top:var(--hf-pb-grid-gap-x)}.hf-project-list-layout-b .is-last{position:absolute;top:50%;transform:translateY(-50%);right:0}@media (min-width:769px){.hf-project-list-layout-b .hf-pb-project-list-link .hf-pb-img-wrapper img{height:revert-layer}}@media (max-width:768px){.hf-project-list-layout-b .hf-project-list-subgrid{flex-flow:column}}.hf-pb-project-list-link{height:min-content;position:relative}.hf-pb-project-list-link a{position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;justify-content:center;align-items:center;display:flex;z-index:1;font-size:clamp(36px, calc(1.0227272727rem + 3.4090909091vw), 60px)}.hf-pb-project-list-link a::before{content:"↗";color:#BAD904;padding-right:15px;transition:transform var(--hf-pb-transition-duration) ease-in-out}.hf-pb-project-list-link:hover a{color:inherit}.hf-pb-project-list-link:hover a::before{transform:rotate(45deg)}.hf-pb-project-list-link .hf-pb-img-wrapper::before{display:none}.hf-pb-project-list-link .hf-pb-img-wrapper img,.hf-pb-project-list-link .hf-pb-img-wrapper video{visibility:hidden;opacity:0}@media (max-width:768px){.hf-pb-project-list-link .hf-pb-img-wrapper{display:none}}@media (min-width:769px){.hf-pb-switch-order:has(+ .hf-pb-switch-order){order:2}.hf-pb-switch-order+.hf-pb-switch-order{order:1}}@media (max-width:768px){.hf-project-list-subgrid{column-gap:0}.hf-pb-start-mobile-2{grid-column:2 / span 3 !important}}