main>.shopify-section:first-child:has(>.yuyou-brandpage){margin-top:calc(var(--yuyou-header-ruimte, 7.2rem) * -1)}.yuyou-brandpage{position:relative;isolation:isolate;display:flex;min-height:100vh;min-height:100svh;color:rgb(var(--color-foreground))}.yuyou-brandpage .yuyou-brandpage__media{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-color:var(--yuyou-mesh-base, #e4622a);background-image:radial-gradient(42% 58% at var(--merk-licht-x) var(--merk-licht-y),rgba(var(--yuyou-mesh-light-rgb, 240, 228, 190),.88) 0%,rgba(var(--yuyou-mesh-light-rgb, 240, 228, 190),0) 60%),radial-gradient(150% 130% at var(--merk-diep-x) var(--merk-diep-y),rgba(var(--yuyou-mesh-deep-rgb, 146, 30, 19),.97) 0%,rgba(var(--yuyou-mesh-deep-rgb, 146, 30, 19),0) 70%),radial-gradient(90% 80% at 8% 6%,rgba(var(--yuyou-mesh-mid-rgb, 190, 44, 21),.92),rgba(var(--yuyou-mesh-mid-rgb, 190, 44, 21),0) 70%)}@property --merk-diep-x{syntax: "<percentage>"; inherits: false; initial-value: 50%;}@property --merk-diep-y{syntax: "<percentage>"; inherits: false; initial-value: 80%;}@property --merk-licht-x{syntax: "<percentage>"; inherits: false; initial-value: 97%;}@property --merk-licht-y{syntax: "<percentage>"; inherits: false; initial-value: 3%;}.yuyou-brandpage__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:var(--yuyou-mesh-grain, .22);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.yuyou-brandpage__content{width:100%;display:grid;grid-template-rows:auto 1fr auto auto;grid-template-areas:"label" "." "kop" "zijkant";row-gap:4.8rem;padding:calc(var(--yuyou-header-ruimte, 7.2rem) + 4.8rem) var(--yuyou-gutter) calc(var(--yuyou-gutter) + var(--yuyou-card-radius, 2.8rem))}@media screen and (min-width:990px){.yuyou-brandpage__content{grid-template-columns:minmax(0,1fr) minmax(0,36rem);grid-template-rows:auto 1fr auto;grid-template-areas:"label label" ".     ." "kop   zijkant";column-gap:6.4rem;row-gap:0;align-items:end}}.yuyou-brandpage__label{grid-area:label;margin:0;font-size:var(--yuyou-text-meta, 1.2rem);font-weight:500;line-height:1.3;letter-spacing:var(--yuyou-tracking-label, .12em)}.yuyou-brandpage__main{grid-area:kop;display:grid;gap:4.8rem}.yuyou-brandpage__heading{display:grid;max-width:16ch}.yuyou-brandpage__regel{display:block;overflow:clip;padding-block:.12em .16em;margin-block:-.12em -.16em}.yuyou-brandpage__regel-in{display:block}.yuyou-brandpage__aside{grid-area:zijkant;display:grid;gap:3.2rem}.yuyou-brandpage__text{margin:0;max-width:40ch;font-size:var(--yuyou-text-body, 1.6rem);line-height:1.35}.yuyou-brandpage__visit .yuyou-visit__heading{margin-bottom:1.2rem}.yuyou-brandpage__fields{display:grid;gap:2.4rem}.yuyou-brandpage__field{display:grid;gap:.8rem;border-bottom:.1rem solid rgba(var(--color-foreground),.6);padding-bottom:1rem}.yuyou-brandpage__field--inline{display:flex;align-items:baseline;gap:1.6rem}.yuyou-brandpage__field-label{font-size:var(--yuyou-text-meta, 1.2rem);font-weight:500;line-height:1.3;letter-spacing:var(--yuyou-tracking-label, .12em);text-transform:uppercase}.yuyou-brandpage__field:focus-within{border-bottom-color:rgb(var(--color-foreground));box-shadow:0 .1rem rgb(var(--color-foreground))}.yuyou-brandpage__input{flex:1 1 auto;min-width:0;background:transparent;border:0;padding:0;color:rgb(var(--color-foreground));font-family:inherit;font-size:var(--yuyou-text-body, 1.6rem);line-height:1.4}.yuyou-brandpage__input--area{min-height:8.4rem;resize:vertical}.yuyou-brandpage__input::placeholder{color:rgb(var(--color-foreground))}.yuyou-brandpage__input:-webkit-autofill{-webkit-text-fill-color:rgb(var(--color-foreground));caret-color:rgb(var(--color-foreground));transition:background-color 600000s 0s,color 600000s 0s}.yuyou-brandpage__input:focus,.yuyou-brandpage__input:focus-visible{outline:0;box-shadow:none}.yuyou-brandpage__submit{position:relative;flex:0 0 auto;background:none;border:0;padding:0;cursor:pointer;color:rgb(var(--color-foreground));font-family:inherit;font-size:var(--yuyou-text-meta, 1.2rem);font-weight:500;letter-spacing:var(--yuyou-tracking-label, .12em);text-transform:uppercase;text-decoration:underline;text-underline-offset:.4rem}.yuyou-brandpage__submit--los{justify-self:start;margin-top:3.2rem}.yuyou-brandpage__submit:after{content:"";position:absolute;inset:50% -1.2rem auto;height:4.4rem;translate:0 -50%}.yuyou-brandpage__message,.yuyou-brandpage__fineprint{margin:1.6rem 0 0;font-size:var(--yuyou-text-meta, 1.2rem);line-height:1.5}.yuyou-brandpage__message{font-size:var(--yuyou-text-ui, 1.4rem)}.yuyou-brandpage__fineprint a{color:inherit;text-underline-offset:.3rem}.yuyou-brandpage__errors{margin-bottom:2.4rem}.yuyou-brandpage__errors .yuyou-brandpage__message{margin-top:0}.yuyou-brandpage__errors ul{margin:.8rem 0 0;padding-left:1.6rem;font-size:var(--yuyou-text-ui, 1.4rem);line-height:1.5}.yuyou-brandpage--contact .yuyou-brandpage__form{display:grid}.yuyou-brandpage__form{scroll-margin-top:calc(var(--yuyou-header-ruimte, 7.2rem) + 2.4rem)}@media screen and (min-width:990px){.yuyou-brandpage__form{scroll-margin-top:100vh}}@media(prefers-reduced-motion:no-preference){.yuyou-brandpage .yuyou-brandpage__media{animation:yuyou-merk-drijf 3.2s var(--yuyou-ease-in-uit) both}.yuyou-brandpage__label{animation:yuyou-merk-scherp 1s var(--yuyou-ease-uit) .15s both}.yuyou-brandpage__regel-in{animation:yuyou-merk-regel 1.3s var(--yuyou-ease-uit) both;animation-delay:calc(.3s + var(--r, 0) * .12s)}.yuyou-brandpage__visit{animation:yuyou-merk-scherp 1.1s var(--yuyou-ease-uit) .65s both}.yuyou-brandpage__text{animation:yuyou-merk-scherp 1.1s var(--yuyou-ease-uit) .75s both}.yuyou-brandpage__form{animation:yuyou-merk-scherp 1.1s var(--yuyou-ease-uit) .9s both}@keyframes yuyou-merk-drijf{0%{--merk-diep-x: 56%;--merk-diep-y: 90%;--merk-licht-x: 104%;--merk-licht-y: -6%}to{--merk-diep-x: 50%;--merk-diep-y: 80%;--merk-licht-x: 97%;--merk-licht-y: 3%}}@keyframes yuyou-merk-regel{0%{translate:0 calc(100% + .16em)}to{translate:0 0}}@keyframes yuyou-merk-scherp{0%{opacity:0;filter:blur(.4rem);translate:0 1.2rem}to{opacity:1;filter:blur(0);translate:0 0}}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-yuyou-brandpage.css.map */