.fs-3xs{font-size:.5rem}@media only screen and (min-width: 1400px){.fs-3xs{font-size:.625rem}}.fs-2xs{font-size:.625rem}@media only screen and (min-width: 1400px){.fs-2xs{font-size:.75rem}}@media only screen and (min-width: 1920px){.fs-2xs{font-size:.875rem}}.fs-xs{font-size:.875rem}@media only screen and (min-width: 1920px){.fs-xs{font-size:1rem}}.fs-s{font-size:1rem}@media only screen and (min-width: 1920px){.fs-s{font-size:1.125rem}}.fs-m{font-size:1rem}@media only screen and (min-width: 1400px){.fs-m{font-size:1.125rem}}@media only screen and (min-width: 1920px){.fs-m{font-size:1.25rem}}.fs-ml{font-size:1.25rem}@media only screen and (min-width: 1920px){.fs-ml{font-size:1.5rem}}.fs-l,.paragraph-projects .project-highlight__title{font-size:1.325rem}@media only screen and (min-width: 1400px){.fs-l,.paragraph-projects .project-highlight__title{font-size:1.5rem}}@media only screen and (min-width: 1920px){.fs-l,.paragraph-projects .project-highlight__title{font-size:1.75rem}}.fs-xl{font-size:1.5rem}@media only screen and (min-width: 1400px){.fs-xl{font-size:1.75rem}}@media only screen and (min-width: 1920px){.fs-xl{font-size:2rem}}.fs-2xl{font-size:1.75rem}@media only screen and (min-width: 1400px){.fs-2xl{font-size:2rem}}@media only screen and (min-width: 1920px){.fs-2xl{font-size:2.5rem}}.fs-3xl{line-height:1;font-size:2rem}@media only screen and (min-width: 1400px){.fs-3xl{font-size:2.5rem}}@media only screen and (min-width: 1920px){.fs-3xl{font-size:3.5rem}}.fs-4xl{line-height:1;font-size:3rem}@media only screen and (min-width: 1400px){.fs-4xl{font-size:clamp(3.5rem,-1rem + 5vw,5rem)}}.fs-5xl{line-height:1;font-size:clamp(3rem,2.4718rem + 2.2535vw,4.5rem)}@media only screen and (min-width: 1400px){.fs-5xl{font-size:clamp(4.5rem,-0.75rem + 5.8333vw,6.25rem)}}@media only screen and (min-width: 750px){.paragraph-projects{background-color:var(--hanabColorLightBlue10)}}@media only screen and (min-width: 1000px){.paragraph-projects{background-color:unset}}@media only screen and (min-width: 1000px){.paragraph-projects .grid__column:first-child{grid-column:2/7}}@media only screen and (min-width: 1400px){.paragraph-projects .grid__column:first-child{grid-column:2/7}}@media only screen and (min-width: 1000px){.paragraph-projects .grid__column:last-child{grid-column:7/-2}}@media only screen and (min-width: 1400px){.paragraph-projects .grid__column:last-child{grid-column:7/-2}}.paragraph-projects .paragraph-projects__content{background-color:var(--hanabColorLightBlue10);padding:40px 0;border-radius:var(--border-radius-default)}@media only screen and (min-width: 1000px){.paragraph-projects .paragraph-projects__content{border-top-right-radius:unset;border-bottom-right-radius:unset;padding-block:4rem}}@media only screen and (min-width: 1920px){.paragraph-projects .paragraph-projects__content{padding-block:5rem}}.paragraph-projects .paragraph-projects__content .link{margin-left:1rem}@media only screen and (min-width: 1000px){.paragraph-projects .paragraph-projects__content .link{margin-top:1.5rem;margin-left:2.5rem}}.paragraph-projects .paragraph-projects__plain{list-style:none;margin:0;padding:0}@media only screen and (min-width: 750px){.paragraph-projects .paragraph-projects__plain{display:grid;grid-template-columns:1fr 1fr;gap:1rem}}@media only screen and (min-width: 1000px){.paragraph-projects .paragraph-projects__plain{display:unset}}.paragraph-projects .paragraph-projects__plain li{margin:0;padding:0}.paragraph-projects .paragraph-projects__plain li:before{display:none}.paragraph-projects .paragraph__title{color:var(--hanabColorFont);margin-bottom:40px;padding-inline:1rem}@media only screen and (min-width: 1000px){.paragraph-projects .paragraph__title{padding-inline:2.5rem}}.paragraph-projects .project-highlight__title{color:var(--hanabColorFont);margin:0 0 4px}.paragraph-projects .project-highlight__title a:after{content:"";position:absolute;z-index:2;left:0;top:0;width:100%;height:100%}.paragraph-projects .project-highlight__title a:link,.paragraph-projects .project-highlight__title a:visited{color:var(--hanabColorFont);text-decoration:none}.paragraph-projects .project-highlight__meta{display:flex;justify-content:space-between}.paragraph-projects .project-highlight__subtitle{color:var(--hanabColorFont);margin:0;padding-right:24px;font-size:.875rem}@media only screen and (min-width: 1400px){.paragraph-projects .project-highlight__subtitle{font-size:1rem}}.paragraph-projects .project-highlight__location{color:var(--hanabColorFont);margin:0;margin-left:auto;text-align:right;font-size:.875rem}@media only screen and (min-width: 1400px){.paragraph-projects .project-highlight__location{font-size:1rem}}@media only screen and (min-width: 1000px){.paragraph-projects .link{margin-top:1rem}}@media only screen and (min-width: 1400px){.paragraph-projects .link{margin-top:1.5rem}}@media only screen and (min-width: 1920px){.paragraph-projects .link{margin-top:2.5rem}}.paragraph-projects .link:hover .icon,.paragraph-projects .link:focus .icon,.paragraph-projects .link:active .icon{fill:currentColor}.paragraph-projects .link .icon{fill:currentColor}@media only screen and (min-width: 1000px){.paragraph-projects__content .project-highlight__visual{display:none}}.paragraph-projects__visuals{display:none;position:relative;border-top-right-radius:var(--border-radius-default);border-bottom-right-radius:var(--border-radius-brand);overflow:clip}@media only screen and (min-width: 1000px){.paragraph-projects__visuals{display:block}}@media only screen and (min-width: 1000px){.paragraph-projects__visuals .project-highlight__visual{display:block}}@media only screen and (min-width: 1000px){.paragraph-projects__visuals-item{position:absolute;width:100%;height:100%}}@media only screen and (min-width: 1000px){.paragraph-projects__visuals-item{opacity:0;transition:opacity 250ms linear}}@media only screen and (min-width: 1000px){.paragraph-projects__visuals-item img,.paragraph-projects__visuals-item picture{transform:scale(1);transition:transform 4000ms linear}}@media only screen and (min-width: 1000px){.paragraph-projects__visuals-item.is-active{z-index:2;opacity:1}}@media only screen and (min-width: 1000px){.paragraph-projects__visuals-item.is-active img,.paragraph-projects__visuals-item.is-active picture{transform:scale(1.025)}}.project-highlight{display:flex;flex-direction:column;padding-bottom:8px;position:relative;overflow:hidden}@media only screen and (min-width: 1000px){.project-highlight{padding-bottom:.5rem}}.project-highlight:hover .project-highlight__title,.project-highlight:focus-within .project-highlight__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}@media only screen and (min-width: 1000px){.paragraph-projects__plain-item .project-highlight:before{content:"";opacity:0;transition:200ms all linear;background-color:var(--hanabColorLightBlue100);width:200%;height:100%;position:absolute;left:-100%;top:0;z-index:0}}@media only screen and (min-width: 1000px){.paragraph-projects__plain-item.is-active .project-highlight .project-highlight__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}}@media only screen and (min-width: 1000px){.paragraph-projects__plain-item.is-active .project-highlight:before{opacity:1}}.project-highlight .project-highlight__info{padding:1rem;order:2}@media only screen and (min-width: 1000px){.project-highlight .project-highlight__info{position:relative;z-index:2;padding:1rem 2.5rem}}.project-highlight .project-highlight__visual{order:1;min-height:240px;border-bottom-right-radius:var(--border-radius-brand);overflow:hidden;position:relative}.project-highlight .project-highlight__visual .project-highlight__visual-inner{position:absolute;width:100%;height:100%;top:0;right:0;bottom:0;left:0}.project-highlight .project-highlight__visual .project-highlight__visual-inner img,.project-highlight .project-highlight__visual .project-highlight__visual-inner picture{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;font-family:"object-fit: cover; object-position: 50% 50%;"}@media only screen and (min-width: 750px){.project-highlight .project-highlight__visual{border-radius:var(--border-radius-default)}}.project-highlight .project-highlight__visual-inner{overflow:hidden}.project-highlight .project-highlight__visual-inner img{display:block}@media only screen and (min-width: 1000px){.project-highlight--visual-only{height:100%;padding-bottom:0}}@media only screen and (min-width: 1000px){.project-highlight--visual-only .project-highlight__visual{height:100%}}

/*# sourceMappingURL=paragraph-projects.css.map */