.g-section{padding-top:var(--spacing-60)}.hero-section{display:block;--hero-font-size:clamp(75px, 5.5vw + 59.2px, 200px);min-height:500px}.hero-section .hero-grid{position:relative;display:grid;grid-template-columns:auto;grid-template-rows:1fr auto auto 1.6fr auto;row-gap:0;-moz-column-gap:var(--spacing-gap);column-gap:var(--spacing-gap);height:calc(100svh - var(--header-height-phone));@supports not (height:100svh){&{height:calc(100vh - var(--header-height-phone))}}}.hero-section .hero-title{font-family:var(--wp--preset--font-family--heading);font-size:var(--hero-font-size);font-weight:500;line-height:1;letter-spacing:-.05em;text-transform:uppercase;pointer-events:none;max-width:92vw}.hero-section .title-one{grid-column:1;grid-row:1;display:flex;align-items:flex-end;min-height:.8em;z-index:5}.hero-section .title-two{grid-column:1;grid-row:2;display:flex;justify-content:flex-end;z-index:5}.hero-section .title-three{grid-column:1;grid-row:3;margin-top:-.05em;z-index:5;color:oklch(var(--color-base));min-height:1em;overflow:hidden}.hero-section .title-three>div{padding-left:.5rem}.hero-section .hero-message{grid-column:1;grid-row:4;z-index:5;-webkit-margin-before:0;margin-block-start:0;margin-top:-.5em;margin-left:20vw;line-height:1.3;font-size:1.25rem;font-size:20px;color:oklch(var(--color-base))}.hero-section .hero-button-wrapper{grid-column:1;grid-row:5;margin-bottom:var(--spacing-30);margin-top:8px;margin-left:20vw;z-index:5}.hero-section .wp-block-buttons,.hero-section .wp-block-button,.hero-section .wp-block-button__link{width:100%}.hero-section .wp-block-button__link{display:flex;justify-content:center}.hero-section .hero-image{position:absolute;grid-column:1;grid-row:2 / 6;width:auto;height:100%;margin-right:calc(-1 * var(--spacing-edge));overflow:hidden;z-index:1}.hero-section .hero-image::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,oklch(var(--color-contrast) / .5) 30%,oklch(var(--color-contrast) / 0) 70%);mix-blend-mode:luminosity;z-index:2}.hero-section .hero-image img{width:100%;height:120%;max-height:800px;-o-object-fit:cover;object-fit:cover;-o-object-position:75% -6vw;object-position:75% -6vw}.hero-section .hero-image-top-mask{grid-column:1;grid-row:1 / 3;position:absolute;width:calc(100% + var(--spacing-edge));height:100%;margin-right:calc(-1 * var(--spacing-edge));background-color:oklch(var(--color-base));z-index:2}.hero-section .hero-image-bottom-mask{grid-column:1;grid-row:3 / 6;position:absolute;width:calc(100% + var(--spacing-edge));height:100%;display:flex;flex-direction:row;align-items:flex-end;gap:0;pointer-events:none;z-index:2;margin-right:calc(-1 * var(--spacing-edge))}.hero-section .arrow-down{mix-blend-mode:exclusion;position:absolute;bottom:var(--spacing-30);left:var(--spacing-edge);z-index:2}.hero-section .arrow-down path{fill:oklch(var(--color-base))}@keyframes maskAnimation{to{height:0%}}.hero-section .hero-image-bottom-mask .bottom-mask-item{background-color:oklch(var(--color-base));width:100%;height:100%;animation:maskAnimation 1s cubic-bezier(.8,0,0,1) forwards;&:nth-child(1){animation-delay:0.01s}&:nth-child(2){animation-delay:0.05s}&:nth-child(3){animation-delay:0.1s}&:nth-child(4){animation-delay:0.15s}&:last-child{display:none}}@media screen and (-webkit-min-device-pixel-ratio:0){@media not all and (min-resolution:.001dpcm){.hero-section .hero-image-bottom-mask .bottom-mask-item{animation:none!important;transition:none!important}}}@supports (-webkit-touch-callout:none){.hero-section{position:relative}.hero-section .hero-grid{grid-template-rows:minmax(93px,1fr) auto auto minmax(8rem,1.6fr) auto}@supports not (grid-template-rows:1fr){.hero-section .hero-grid{grid-template-rows:93px auto auto 7.5rem auto}}.hero-section .hero-grid .title-one,.hero-section .hero-grid .title-two{background-color:oklch(var(--color-base))}.hero-section .hero-grid .title-two{margin-right:calc(-1 * var(--spacing-edge));padding-right:var(--spacing-edge)}.hero-section .hero-image-top-mask{display:none}.hero-section .hero-image{bottom:0;height:54vh;grid-column:unset;grid-row:unset;z-index:-1}.hero-section .hero-image-bottom-mask{height:54vh;bottom:0}}.schneidereien-section{& h2{-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual}& .paraframe-1{left:15%}}.schneidereien-cards-wrapper{display:flex;flex-direction:column;gap:var(--spacing-gap)}.schneidereien-card{position:relative;width:100%;height:50vh;min-height:300px;overflow:hidden;transition:width 0.5s ease;& figure{width:100%;height:100%;& img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}&::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;mix-blend-mode:luminosity;pointer-events:none;transition:opacity 0.5s linear}}& a{display:flex;width:100%;height:100%}& .wp-block-heading{position:absolute;bottom:0;padding-top:8px;padding-bottom:16px;margin:0;z-index:3;pointer-events:none;text-transform:uppercase;&::before{content:"";position:absolute;bottom:0;width:75%;height:100%;z-index:-1;transition:width 0.5s cubic-bezier(.32,0,0,1)}}&:hover{& .wp-block-heading::before{width:100%}}&.herren-card{& figure::after{background:linear-gradient(to top,oklch(var(--color-contrast) / .6) 0%,oklch(var(--color-contrast) / 0) 50%)}& .wp-block-heading{right:0;padding-right:11px;padding-left:8px;font-weight:400;color:oklch(var(--color-base));&::before{right:0;background-color:oklch(var(--color-contrast))}}}&.damen-card{& figure::after{background:linear-gradient(to top,oklch(var(--color-base) / .6) 0%,oklch(var(--color-base) / 0) 50%)}& .wp-block-heading{left:0;padding-left:10px;padding-right:8px;color:oklch(var(--color-contrast));letter-spacing:-.05em;&::before{left:0;background-color:oklch(var(--color-base-plus))}}}}.about-section{padding-left:var(--spacing-edge);padding-right:var(--spacing-edge);padding-bottom:var(--spacing-edge);& .paraframe{right:0;top:20vh;width:75vw;height:50vh;z-index:1}& #about-image{margin-top:var(--spacing-30)}& .section-title,& .section-content,& .section-aside{z-index:5}}.testimonials-section{padding-left:var(--spacing-edge);padding-right:var(--spacing-edge)}@media screen and (min-width:30rem){.hero-section .hero-grid{& .hero-title{max-width:unset;pointer-events:all;letter-spacing:-.04em}& .title-one{margin-top:0;margin-left:20vw}& .hero-message{margin-top:0}}}@media screen and (min-width:39rem){.hero-section .hero-grid{height:calc(100svh - var(--header-height-desktop));@supports not (height:100svh){&{height:calc(100vh - var(--header-height-phone))}}}}@media screen and (min-width:48rem){.hero-section .hero-grid{grid-template-columns:repeat(6,1fr);grid-template-rows:1fr auto 1.6fr auto;grid-template-areas:"....... ....... title-1 title-1 ....... ......." "message message title-2 title-2 title-2 title-2" "title-3 title-3 title-3 title-3 title-3 title-3" "....... ........ button button ........ .......";& .title-one{grid-area:title-1;margin-left:0}& .title-two{grid-area:title-2}& .title-three{grid-area:title-3;display:flex;justify-content:flex-end;margin-top:-.05em;padding-left:0}& .hero-message{grid-area:message;display:flex;align-items:flex-end;box-sizing:border-box;margin-top:0;margin-right:-10vw;margin-left:0;max-height:calc(var(--hero-font-size) - 0.2rem);padding-bottom:calc(var(--hero-font-size) / 7);font-size:1.19rem;color:oklch(var(--color-contrast))}& .hero-button-wrapper{grid-area:button;margin-left:0;margin-top:0}& .hero-image{grid-column:1 / -1;grid-row:2 / -1;position:relative;bottom:unset;height:unset;&::before{background:linear-gradient(180deg,oklch(var(--color-contrast) / .3) 20%,oklch(var(--color-contrast) / 0) 60%)}& img{-o-object-position:50% 50%;object-position:50% 50%}}& .hero-image-top-mask{display:block;grid-column:1 / -1;position:relative}& .hero-image-bottom-mask{grid-column:1 / -1;grid-row:3 / -1;position:relative;bottom:unset;height:unset;& .bottom-mask-item:last-child{display:block}}}.schneidereien-cards-wrapper{flex-direction:row}.schneidereien-card:hover figure::after{opacity:0}.about-section{padding-bottom:var(--spacing-60);& .section-aside{transform:translateY(calc(-1 * (var(--spacing-60))));height:0}& .paraframe{top:0;width:39.5vw}& #about-image{margin-top:0}}}@media screen and (min-width:56rem) and (max-width:74rem){.hero-section .hero-grid{grid-template-areas:"....... ....... title-1 title-1 ....... ......." "message title-2 title-2 title-2 title-2 ......." "title-3 title-3 title-3 title-3 title-3 title-3" "....... ........ button button ........ .......";& .hero-message{margin-right:-15vw}& .arrow-down{bottom:var(--spacing-edge);left:5vw}}}@media screen and (min-width:74rem){.hero-section .hero-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr auto 1.6fr;grid-template-areas:"....... title-1 title-1 ......." "....... title-2 title-2 message" "title-3 title-3 title-3 button";& .title-one{justify-content:center;margin-right:-1ch}& .title-two{justify-content:start}& .hero-message{margin-right:0}& .hero-button-wrapper{margin-top:calc((var(--hero-font-size) * 0.8) - 3.2rem);margin-bottom:0}& .arrow-down{bottom:var(--spacing-edge)}}}