.fs-3xs{font-size:8px}@media(min-width: 375px){.fs-3xs{font-size:calc(0.1877934272vw + 7.2957746479px)}}@media(min-width: 1440px){.fs-3xs{font-size:10px}}@media(min-width: 1920px){.fs-3xs{font-size:10px}}.fs-2xs{font-size:10px}@media(min-width: 375px){.fs-2xs{font-size:calc(0.1877934272vw + 9.2957746479px)}}@media(min-width: 1440px){.fs-2xs{font-size:calc(0.4166666667vw + 6px)}}@media(min-width: 1920px){.fs-2xs{font-size:14px}}.fs-xs{font-size:14px}@media(min-width: 375px){.fs-xs{font-size:14px}}@media(min-width: 1440px){.fs-xs{font-size:calc(0.4166666667vw + 8px)}}@media(min-width: 1920px){.fs-xs{font-size:16px}}.fs-s{font-size:16px}@media(min-width: 375px){.fs-s{font-size:16px}}@media(min-width: 1440px){.fs-s{font-size:calc(0.4166666667vw + 10px)}}@media(min-width: 1920px){.fs-s{font-size:18px}}.fs-m{font-size:16px}@media(min-width: 375px){.fs-m{font-size:calc(0.1877934272vw + 15.2957746479px)}}@media(min-width: 1440px){.fs-m{font-size:calc(0.4166666667vw + 12px)}}@media(min-width: 1920px){.fs-m{font-size:20px}}.fs-ml{font-size:20px}@media(min-width: 375px){.fs-ml{font-size:20px}}@media(min-width: 1440px){.fs-ml{font-size:calc(0.8333333333vw + 8px)}}@media(min-width: 1920px){.fs-ml{font-size:24px}}.fs-l,.paragraph-projects .project-highlight__title{font-size:22px}@media(min-width: 375px){.fs-l,.paragraph-projects .project-highlight__title{font-size:calc(0.1877934272vw + 21.2957746479px)}}@media(min-width: 1440px){.fs-l,.paragraph-projects .project-highlight__title{font-size:calc(0.8333333333vw + 12px)}}@media(min-width: 1920px){.fs-l,.paragraph-projects .project-highlight__title{font-size:28px}}.fs-xl{font-size:24px}@media(min-width: 375px){.fs-xl{font-size:calc(0.3755868545vw + 22.5915492958px)}}@media(min-width: 1440px){.fs-xl{font-size:calc(0.8333333333vw + 16px)}}@media(min-width: 1920px){.fs-xl{font-size:32px}}.fs-2xl{font-size:28px}@media(min-width: 375px){.fs-2xl{font-size:calc(0.3755868545vw + 26.5915492958px)}}@media(min-width: 1440px){.fs-2xl{font-size:calc(1.6666666667vw + 8px)}}@media(min-width: 1920px){.fs-2xl{font-size:40px}}.fs-3xl{font-size:32px;line-height:1}@media(min-width: 375px){.fs-3xl{font-size:calc(0.7511737089vw + 29.1830985915px)}}@media(min-width: 1440px){.fs-3xl{font-size:calc(3.3333333333vw - 8px)}}@media(min-width: 1920px){.fs-3xl{font-size:56px}}.fs-4xl{font-size:48px;line-height:1}@media(min-width: 375px){.fs-4xl{font-size:calc(0.7511737089vw + 45.1830985915px)}}@media(min-width: 1440px){.fs-4xl{font-size:calc(5vw - 16px)}}@media(min-width: 1920px){.fs-4xl{font-size:80px}}.fs-5xl{font-size:48px;line-height:1}@media(min-width: 375px){.fs-5xl{font-size:calc(2.2535211268vw + 39.5492957746px)}}@media(min-width: 1440px){.fs-5xl{font-size:calc(5.8333333333vw - 12px)}}@media(min-width: 1920px){.fs-5xl{font-size:100px}}@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 */