main>section.hero .slider-wrapper{padding-top:var(--header-height)}section.hero{cursor:visible;transition:var(--transition-duration);position:relative;padding-inline:var(--standard-section-padding-x)}@media(min-width: 32rem){section.hero{cursor:none}}section.hero .arrow-cursor{z-index:100;position:absolute;display:none;translate:-50% -50%;pointer-events:none;transition-property:opacity,rotate;transition-duration:var(--transition-duration-fast);transition-timing-function:var(--transition-timing-function)}section.hero .arrow-cursor[data-color=blue]>svg>path{stroke:var(--bg-color-blue)}section.hero .arrow-cursor[data-color=white]>svg>path{stroke:var(--permanent-white)}section.hero .arrow-cursor[data-color=pink]>svg>path{stroke:var(--text-color-pink)}section.hero .arrow-cursor svg>path{stroke-width:.3rem}@media(min-width: 32rem){section.hero .arrow-cursor{display:block}}section.hero .right{rotate:180deg}section.hero .slider-wrapper{padding-top:var(--spacing-3xl);box-sizing:border-box}section.hero .slider-wrapper .keen-slider__slide,section.hero .slider-wrapper .keen-slider{overflow:visible}section.hero .slider-wrapper .keen-slider__slide>.card{display:grid;height:100%;grid-template-rows:auto 1fr;grid-template-columns:1fr;box-shadow:0 1.5rem 3rem -0.75rem var(--shadow);overflow:hidden;border-radius:var(--radius-md)}section.hero .slider-wrapper .keen-slider__slide>.card img{grid-row:1;transition-duration:var(--transition-duration)}section.hero .slider-wrapper .keen-slider__slide>.card.hidden{display:none}section.hero .slider-wrapper .keen-slider__slide>.card.grey{background-color:var(--slide-bg-grey)}section.hero .slider-wrapper .keen-slider__slide>.card.green{background-color:var(--slide-bg-green);color:var(--permanent-white)}section.hero .slider-wrapper .keen-slider__slide>.card.cream{background-color:var(--slide-bg-cream)}section.hero .slider-wrapper .keen-slider__slide>.card .copy{margin-top:auto;padding:var(--spacing-md);display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}@media(min-width: 62rem){section.hero .slider-wrapper .keen-slider__slide>.card .copy{padding:var(--spacing-xxl)}}section.hero .slider-wrapper .keen-slider__slide>.card .copy .heading{text-wrap:balance}section.hero .slider-wrapper .keen-slider__slide>.card .copy p{padding-block:var(--spacing-xs) var(--spacing-sm);margin-bottom:0}section.hero .slider-wrapper .keen-slider__slide>.card .copy .button{cursor:unset}section.hero .slider-wrapper .keen-slider__slide>.card img{width:100%;height:100%}@media(min-width: 62rem){section.hero .slider-wrapper .keen-slider__slide>.card{grid-template-rows:1fr;grid-template-columns:1fr 1fr}section.hero .slider-wrapper .keen-slider__slide>.card:hover img{transform:scale3d(1.1, 1.1, 1.1);transition-duration:var(--transition-duration)}section.hero .slider-wrapper .keen-slider__slide>.card img{grid-row:1;grid-column:2}section.hero .slider-wrapper .keen-slider__slide>.card .copy{margin-bottom:0}}section.hero .slider-wrapper .dots{padding-block:var(--spacing-md);display:flex;align-content:center;justify-content:center;gap:var(--spacing-4xs);width:fit-content;margin-inline:auto;cursor:pointer}section.hero .slider-wrapper .dots .dot{width:1rem;height:.375rem;border-radius:var(--radius-lg);background-color:var(--text-color-primary);opacity:.4;transition-duration:var(--transition-duration-fast)}section.hero .slider-wrapper .dots .dot.dot--active{width:4rem;background-color:var(--text-color-tertiary);opacity:1}section.hero .plus-wrapper{flex-direction:row;justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;position:absolute;z-index:10;display:none}@media(min-width: 75rem){section.hero .plus-wrapper{flex-direction:column-reverse;transform:translateX(-50%)}}section.hero .plus-wrapper .plus-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background-color:rgba(0,0,0,0);transition:var(--transition-duration-fast) color var(--transition-timing-function);color:var(--bg-color-blue)}section.hero .plus-wrapper .plus-button svg{font-size:var(--font-size-body-lg);width:1.5em;height:1.5em}section.hero .plus-wrapper .plus-button:hover{cursor:pointer}section.hero .plus-wrapper .plus-button:hover+p{opacity:1}section.hero .plus-wrapper p{-webkit-text-orientation:mixed;text-orientation:mixed;margin-bottom:unset;margin-left:var(--spacing-3xs);opacity:0;color:var(--text-color-primary);transition:var(--transition-duration-fast) opacity var(--transition-timing-function)}@media(min-width: 75rem){section.hero .plus-wrapper p{writing-mode:vertical-lr;margin-bottom:var(--spacing-xs);margin-left:unset}}@media(min-width: 62rem){section.hero .plus-wrapper{display:flex;bottom:1.25rem;left:var(--spacing-md)}}section.hero .portfolio-items{position:fixed;top:0;left:0;max-width:max(400px,25vw);width:100%;height:100%;cursor:auto;z-index:1000;display:none;pointer-events:none}@media(min-width: 62rem){section.hero .portfolio-items{display:block}}section.hero .portfolio-items:has(.show){pointer-events:all}section.hero .portfolio-items .portfolio-swoop-wrapper{opacity:1;position:absolute;top:0;left:0;width:100%;z-index:0;transform:translateY(100vh);animation-name:hide;animation-duration:var(--trailing-transition-time)}section.hero .portfolio-items .portfolio-swoop-wrapper.show{animation-name:show;animation-fill-mode:forwards}section.hero .portfolio-items .portfolio-swoop-wrapper>.in,section.hero .portfolio-items .portfolio-swoop-wrapper>.out{width:100%;height:100vh;display:block;fill:var(--permanent-blue)}section.hero .portfolio-items .portfolio-swoop-wrapper>.middle{width:100%;height:calc(100vh + 4px);background-color:var(--permanent-blue);margin:-2px 0}section.hero .portfolio-items .show~.posts{transform:translateX(0%)}section.hero .portfolio-items .posts{transform:translateX(-100%);transition:var(--transition-duration-fast) transform var(--transition-timing-function);position:absolute;z-index:1;color:var(--permanent-white);display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:var(--font-size-sm);overflow-y:auto;scrollbar-width:none;height:100%;box-sizing:border-box;padding:calc(var(--font-size-body-xl) + var(--spacing-xxs))}section.hero .portfolio-items .posts a{font-family:var(--font-family-body);line-height:1.2}section.hero .portfolio-items .posts .close-button{width:1.5rem;display:grid;row-gap:.375rem;margin:auto 0 auto auto;z-index:300;position:absolute;font-size:var(--font-size-body-lg);top:var(--spacing-xs);left:var(--spacing-xxs);border-radius:var(--radius-lg);transition:var(--transition-duration-fast) all var(--transition-timing-function);cursor:pointer}section.hero .portfolio-items .posts .close-button .stripe{width:100%;height:.28rem;border-radius:var(--radius-md);background-color:var(--permanent-white);transition-property:rotate,translate,width;transition-duration:var(--transition-duration-fast);transition-timing-function:var(--transition-timing-function)}section.hero .portfolio-items .posts .close-button .stripe:nth-child(1){rotate:45deg;translate:0 .33rem}section.hero .portfolio-items .posts .close-button .stripe:nth-child(2){rotate:-45deg;translate:0 -0.33rem}section.hero .portfolio-items .posts .close-button:hover{scale:1.1}@keyframes show{100%{transform:translateY(-100vh)}}@keyframes hide{0%{transform:translateY(-100vh)}100%{transform:translateY(-300vh)}}/*# sourceMappingURL=hero.css.map */