.dyo-section{padding-top:var(--dyo-pad-top, 48px);padding-bottom:var(--dyo-pad-bottom, 48px)}.dyo-wrap{width:100%;margin-inline:auto;padding-inline:1.5rem}.dyo-section--boxed .dyo-wrap{max-width:var(--dyo-maxw, var(--page-width, 120rem))}.dyo-section--full .dyo-wrap{max-width:none;padding-inline:clamp(.75rem,2.5vw,2.5rem)}.dyo-header{text-align:var(--dyo-align, center);margin-bottom:clamp(1.25rem,3vw,2.5rem)}.dyo-header__eyebrow{font-family:var(--dyo-script-font, var(--font-body-family));color:var(--dyo-eyebrow-color, rgb(var(--color-foreground)));font-size:clamp(1rem,.9rem + .5vw,1.4rem);margin:0 0 .25rem;font-style:italic}.dyo-header__title{font-family:var(--dyo-heading-font, var(--font-heading-family));color:var(--dyo-heading-color, rgb(var(--color-foreground)));font-weight:var(--dyo-heading-weight, 800);font-size:var(--dyo-heading-size, clamp(1.8rem, 1rem + 3vw, 3.4rem));line-height:1.05;letter-spacing:-.01em;margin:0;display:flex;align-items:center;justify-content:var(--dyo-justify, center);gap:.5em;flex-wrap:wrap;text-transform:var(--dyo-heading-transform, uppercase)}.dyo-header__sub{font-family:var(--dyo-heading-font, var(--font-heading-family));color:var(--dyo-heading-color, rgb(var(--color-foreground)));font-weight:var(--dyo-subheading-weight, 500);letter-spacing:var(--dyo-subheading-spacing, .55em);text-indent:var(--dyo-subheading-spacing, .55em);font-size:var(--dyo-subheading-size, clamp(.8rem, .7rem + .6vw, 1.1rem));margin:.35rem 0 0;text-transform:uppercase}.dyo-spark{color:var(--dyo-spark-color, var(--dyo-heading-color, rgb(var(--color-foreground))));font-size:.7em;line-height:1;opacity:.9}.dyo-grid{display:grid;grid-template-columns:repeat(var(--dyo-cols-d, 2),minmax(0,1fr));gap:var(--dyo-gap, 10px)}.dyo-card{position:relative;border-radius:var(--dyo-radius, 6px);overflow:hidden;background:var(--dyo-card-bg, rgba(var(--color-foreground), .04));transition:transform var(--dyo-anim, .5s) cubic-bezier(.2,.7,.2,1),box-shadow var(--dyo-anim, .5s) ease}.dyo-grid--shadow .dyo-card{box-shadow:0 6px 24px rgba(var(--color-foreground),.12)}.dyo-grid--border .dyo-card{box-shadow:inset 0 0 0 1px rgba(var(--color-foreground),.12)}.dyo-grid--lift .dyo-card:hover{transform:translateY(-5px)}.dyo-grid--lift.dyo-grid--shadow .dyo-card:hover{box-shadow:0 16px 44px rgba(var(--color-foreground),.2)}.dyo-card__link{display:block;position:relative;width:100%;height:100%;text-decoration:none;color:inherit}.dyo-card__media{position:relative;width:100%;aspect-ratio:var(--dyo-aspect, 1 / 1);overflow:hidden;background:var(--dyo-card-bg, rgba(var(--color-foreground), .04))}.dyo-card__media img,.dyo-card__media svg{width:100%;height:100%;object-fit:var(--dyo-fit, cover);display:block;transition:transform var(--dyo-anim, .5s) cubic-bezier(.2,.7,.2,1)}.dyo-grid--zoom .dyo-card:hover .dyo-card__media img{transform:scale(var(--dyo-zoom, 1.05))}.dyo-card__scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to bottom,rgba(0,0,0,var(--dyo-scrim, 0)) 0%,rgba(0,0,0,calc(var(--dyo-scrim, 0) * .25)) 38%,transparent 70%);z-index:1}.dyo-card__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;gap:.4rem;padding:clamp(.75rem,2.5vw,1.4rem);text-align:var(--dyo-content-align, center);align-items:var(--dyo-items, center);pointer-events:none}.dyo-card__content--top{justify-content:flex-start}.dyo-card__content--center{justify-content:center}.dyo-card__content--bottom{justify-content:flex-end}.dyo-card__eyebrow{font-family:var(--dyo-script-font, var(--font-body-family));font-style:italic;color:var(--dyo-eyebrow-color, #2b2b2b);font-size:clamp(.95rem,.85rem + .5vw,1.3rem);line-height:1;margin:0}.dyo-card__title{font-family:var(--dyo-card-title-font, var(--font-heading-family));font-weight:var(--dyo-title-weight, 800);color:var(--dyo-title-color, #1a1a1a);font-size:var(--dyo-title-size, clamp(1.05rem, .8rem + 1.4vw, 1.9rem));line-height:1.05;letter-spacing:-.01em;margin:0;text-transform:var(--dyo-title-transform, uppercase)}.dyo-card__btn{pointer-events:auto;display:inline-flex;align-items:center;gap:.4em;margin-top:.15rem;padding:var(--dyo-btn-pad, .42em .9em);font-family:var(--font-body-family);font-weight:600;font-size:var(--dyo-btn-size, clamp(.65rem, .6rem + .25vw, .8rem));line-height:1;border-radius:var(--dyo-btn-radius, 999px);background:var(--dyo-btn-bg, #1a1a1a);color:var(--dyo-btn-color, #ffffff);border:1px solid transparent;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;white-space:nowrap}.dyo-card__btn:hover{transform:translateY(-1px);opacity:.92}.dyo-card__btn svg{width:1em;height:1em;display:block}.dyo-grid--theme-btn .dyo-card__btn{background:rgb(var(--color-button, var(--color-foreground)));color:rgb(var(--color-button-text, var(--color-background)));border-radius:var(--buttons-radius, 4px)}.dyo-footer{text-align:center;margin-top:clamp(1.25rem,3vw,2rem)}.dyo-cta{display:inline-block;cursor:pointer;font-family:var(--font-body-family);font-weight:600;text-decoration:none;padding:1rem 2.2rem;border-radius:var(--buttons-radius, 4px);background:rgb(var(--color-button, var(--color-foreground)));color:rgb(var(--color-button-text, var(--color-background)));transition:transform .2s ease,opacity .2s ease}.dyo-cta:hover{transform:translateY(-2px);opacity:.92}.dyo-grid--js.dyo-grid--animate .dyo-card{opacity:0;transform:translateY(20px);transition:opacity var(--dyo-anim, .5s) ease,transform var(--dyo-anim, .5s) ease;transition-delay:var(--dyo-delay, 0ms)}.dyo-grid--js.dyo-grid--animate .dyo-card.is-inview{opacity:1;transform:none}@media(min-width:750px){.dyo-section--fit{min-height:100dvh;display:flex;flex-direction:column;box-sizing:border-box;overflow:hidden}.dyo-section--fit .dyo-wrap{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.dyo-section--fit .dyo-grid{flex:1 1 auto;min-height:0;grid-auto-rows:1fr}.dyo-section--fit .dyo-card{height:100%;min-height:0}.dyo-section--fit .dyo-card__media{aspect-ratio:auto;height:100%}}@media(max-width:749px){.dyo-grid{grid-template-columns:repeat(var(--dyo-cols-m, 2),minmax(0,1fr))}}.dyo-card__link:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}@media(prefers-reduced-motion:reduce){.dyo-card,.dyo-card__media img,.dyo-card__btn,.dyo-cta{transition:none!important}.dyo-grid--js.dyo-grid--animate .dyo-card{opacity:1;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/design-your-own.css.map */