.ode-about-services{--ode-as-inset: var(--ode-margin, 40px);--ode-as-inset-mobile: var(--ode-margin-mobile, 20px);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.ode-as--height-full{min-height:100vh}.ode-as--height-large{min-height:80vh}.ode-as--height-auto{min-height:0}.ode-as__placeholder{width:100%;height:100%;display:block;object-fit:cover;background:rgba(var(--color-foreground),.08)}.ode-as__arrow{display:inline-block;transition:transform .28s ease}.ode-as__header{padding:clamp(6rem,12vh,12rem) var(--ode-margin, 40px) clamp(3.2rem,6vh,6rem)}.ode-as__header-inner{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--ode-gutter, 24px);align-items:start}.ode-as__heading{grid-column:1 / span 3;margin:0;padding-left:var(--ode-nav-width, 200px);font-family:var(--font-body-family);font-size:1rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;line-height:1.4;color:rgb(var(--color-foreground))}.ode-as__intro{font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1rem);line-height:var(--font-body-line-height);color:rgb(var(--color-foreground))}.ode-as--pos-default .ode-as__intro{grid-column:4 / span 5}.ode-as--pos-5-7 .ode-as__intro{grid-column:6 / -1}.ode-as--pos-6-6 .ode-as__intro{grid-column:7 / -1}.ode-as--pos-7-5 .ode-as__intro{grid-column:8 / -1}.ode-as--width-narrow .ode-as__intro{max-width:42rem}.ode-as--width-medium .ode-as__intro{max-width:50rem}.ode-as--width-wide .ode-as__intro{max-width:58rem}.ode-as__intro p{margin:0 0 .8rem}.ode-as__intro p:last-child{margin-bottom:0}.ode-as__card-scope,.ode-as__hover-scope,.ode-as__m-scope{margin:0;font-family:var(--font-body-family);font-size:1.1rem;font-weight:400;letter-spacing:.04em;line-height:1.5;color:rgba(var(--color-foreground),.45)}.ode-as__card-link,.ode-as__m-link{display:inline-flex;align-items:center;gap:.6rem;margin-top:.4rem;font-family:var(--font-body-family);font-size:.9rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-foreground));transition:color .28s ease}.ode-as__card-link:hover,.ode-as__m-link:hover,.ode-as__card-link:focus-visible,.ode-as__m-link:focus-visible{color:rgb(var(--color-button-tertiary-text));outline:none}.ode-as__card-link:hover .ode-as__arrow,.ode-as__m-link:hover .ode-as__arrow,.ode-as__hover-title:hover .ode-as__arrow,.ode-as__hover-title:focus-visible .ode-as__arrow{transform:translate(4px)}.ode-as__card-desc,.ode-as__hover-desc,.ode-as__m-desc{font-family:var(--font-body-family);font-size:calc(var(--font-body-scale) * 1rem);line-height:var(--font-body-line-height);color:rgba(var(--color-foreground),.65)}.ode-as__card-desc p,.ode-as__hover-desc p,.ode-as__m-desc p{margin:0 0 .8rem}.ode-as__card-desc p:last-child,.ode-as__hover-desc p:last-child,.ode-as__m-desc p:last-child{margin-bottom:0}.ode-as--desc-narrow .ode-as__card-desc,.ode-as--desc-narrow .ode-as__card-scope,.ode-as--desc-narrow .ode-as__m-desc,.ode-as--desc-narrow .ode-as__m-scope{max-width:42rem}.ode-as--desc-medium .ode-as__card-desc,.ode-as--desc-medium .ode-as__card-scope,.ode-as--desc-medium .ode-as__m-desc,.ode-as--desc-medium .ode-as__m-scope{max-width:50rem}.ode-as__grid,.ode-as__hover{display:none}.ode-as__mobile{display:block}@media screen and (min-width:990px){.ode-as--layout-grid .ode-as__grid{display:grid;grid-template-columns:1fr 1fr}.ode-as--layout-grid .ode-as__mobile,.ode-as--layout-hover .ode-as__mobile{display:none}.ode-as--layout-hover .ode-as__hover{display:grid;grid-template-columns:1fr 1fr;align-items:start;min-height:100vh}}.ode-as__card{display:flex;flex-direction:column;min-width:0}.ode-as__card-media{position:relative;display:block;overflow:hidden;aspect-ratio:3 / 4;max-height:100svh;background:rgba(var(--color-foreground),.08);color:inherit;text-decoration:none}.ode-as__card-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.22,1,.36,1)}.ode-as__card-media:hover .ode-as__card-image{transform:scale(1.03)}.ode-as__card-media-gradient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(var(--color-overlay),.5),rgba(var(--color-overlay),.1) 45%,rgba(var(--color-overlay),0))}.ode-as__card-media-title{position:absolute;left:var(--ode-as-inset);right:var(--ode-as-inset);bottom:2.4rem;font-family:var(--font-body-family);font-size:1rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;line-height:1.3;color:rgb(var(--color-foreground))}.ode-as__card-body{display:flex;flex-direction:column;gap:1.6rem;padding:4rem var(--ode-as-inset) 4.8rem}.ode-as__hover-media{position:sticky;top:0;align-self:start;height:100vh;overflow:hidden;background:rgba(var(--color-foreground),.08)}.ode-as--height-large .ode-as__hover-media{height:80vh}.ode-as--height-auto .ode-as__hover-media{height:100vh}.ode-as__hover-panel{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .48s ease;pointer-events:none}.ode-as__hover-panel.is-active{opacity:1}.ode-as__hover-image{width:100%;height:100%;object-fit:cover;display:block}.ode-as__hover-content{display:flex;flex-direction:column;justify-content:center;min-height:100vh;margin-left:6rem;margin-right:auto;padding:6rem 4rem;padding-right:var(--ode-margin, 40px);max-width:50rem;box-sizing:border-box;width:calc(100% - 6rem)}.ode-as__list-heading{margin:0 0 3.2rem;font-family:var(--font-body-family);font-size:1rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:rgb(var(--color-foreground))}.ode-as__hover-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ode-as__hover-item{display:flex;flex-direction:column;gap:1.2rem;padding:3.6rem 0;border-bottom:1px solid rgba(var(--color-foreground),.1)}.ode-as__hover-item:first-child{padding-top:0}.ode-as__hover-item:last-child{border-bottom:0;padding-bottom:0}.ode-as__hover-title{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:0;margin:0;align-self:flex-start;display:inline-flex;align-items:center;gap:.8rem;font-family:var(--font-body-family);font-size:1rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1.4;text-decoration:none;color:rgba(var(--color-foreground),.45);cursor:pointer;text-align:left;transition:color .28s ease}.ode-as__hover-title .ode-as__arrow{opacity:0;transform:translate(-4px)}.ode-as__hover-title:hover,.ode-as__hover-title:focus-visible,.ode-as__hover-item.is-active .ode-as__hover-title{color:rgb(var(--color-button-tertiary-text));outline:none}.ode-as__hover-title:hover .ode-as__arrow,.ode-as__hover-title:focus-visible .ode-as__arrow{opacity:1;transform:translate(0)}.ode-as__hover-item.is-active .ode-as__hover-title{color:rgb(var(--color-button-tertiary-text))}.ode-as__m-card{display:flex;flex-direction:column}.ode-as__m-media{position:relative;display:block;overflow:hidden;height:calc(100svh - 5rem);min-height:48rem;background:rgba(var(--color-foreground),.08);color:inherit;text-decoration:none}.ode-as__m-image{width:100%;height:100%;object-fit:cover;display:block}.ode-as__m-media-gradient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(to top,rgba(var(--color-overlay),.5),rgba(var(--color-overlay),.1) 45%,rgba(var(--color-overlay),0))}.ode-as__m-media-title{position:absolute;left:var(--ode-as-inset-mobile);right:var(--ode-as-inset-mobile);bottom:2.4rem;font-family:var(--font-body-family);font-size:1rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;line-height:1.3;color:rgb(var(--color-foreground))}.ode-as__m-body{display:flex;flex-direction:column;gap:1.6rem;padding:2.8rem var(--ode-as-inset-mobile) 4rem}@media screen and (max-width:989px){.ode-as__header{padding:8rem var(--ode-margin-mobile, 20px) 3.2rem}.ode-as__header-inner{display:flex;flex-direction:column;gap:2rem}.ode-as__heading{grid-column:auto;padding-left:0}.ode-as__intro{grid-column:auto;max-width:100%}.ode-as__grid,.ode-as__hover{display:none!important}.ode-as__mobile{display:block}}@media(prefers-reduced-motion:reduce){.ode-as__card-image,.ode-as__hover-panel,.ode-as__arrow,.ode-as__hover-title{transition:none}.ode-as__card-media:hover .ode-as__card-image{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-about-services.css.map */
