.fa-principles{padding-block:var(--fa-sp-16);background:var(--fa-white);color:var(--fa-ink)}.fa-principles__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--fa-sp-8)}.fa-kicker--ink{color:var(--fa-ink)}.fa-principles__title{font-family:var(--fa-font-head);font-size:var(--fa-h1);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0 0 52px;max-width:760px;text-wrap:balance}.fa-principles__nav{display:flex;gap:var(--fa-sp-3);padding-top:var(--fa-sp-2)}.fa-principles__arrow{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;padding:0;border:1px solid var(--fa-ink);border-radius:var(--fa-r-circle);background:var(--fa-white);color:var(--fa-ink);cursor:pointer;transition:background .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1)}.fa-principles__arrow:hover{background:var(--fa-ink);color:var(--fa-white)}.fa-principles__cards{display:flex;align-items:flex-start;gap:18px}.fa-principles__card{display:grid;grid-template-rows:223px auto auto;flex:1 1 0;min-width:0;cursor:pointer;transition:flex .5s cubic-bezier(.4,0,.2,1)}.fa-principles__card.is-open{flex:0 0 270px;cursor:default}.fa-principles__panel{position:relative;display:block;align-self:end;width:100%;padding:var(--fa-sp-8) var(--fa-sp-6);box-shadow:inset 0 1px 1px #ffffff26;aspect-ratio:270 / 223;border-radius:var(--fa-r-18);overflow:hidden;transition:height .5s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.2,.8,.2,1)}.fa-principles__card.is-open .fa-principles__panel{height:250px;aspect-ratio:auto;box-shadow:0 16px 38px -14px #00000047}.fa-principles__img{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:50% 50%;filter:grayscale(1) contrast(.92) brightness(1.06);transform:scale(1);transition:transform .6s cubic-bezier(.4,0,.2,1),filter .45s ease}.fa-principles__card:not(.is-open):hover .fa-principles__img{filter:none}.fa-principles__card.is-open .fa-principles__img{filter:grayscale(1) contrast(.92) brightness(1.16);transform:scale(1.12)}.fa-principles__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background-image:linear-gradient(135deg,#5cc9c1f0,#4fbdb6eb 42%,#3faea8f2);opacity:0;transition:opacity .35s ease}.fa-principles__card.is-open .fa-principles__panel:before{opacity:1}.fa-principles__card.is-open .fa-principles__panel{background-image:linear-gradient(135deg,#5cc9c1,#4fbdb6 42%,#3faea8);-webkit-backdrop-filter:blur(16px) saturate(1.3);backdrop-filter:blur(16px) saturate(1.3)}.fa-principles__panel--badges:before{opacity:1}.fa-principles__panel--badges .fa-principles__img{z-index:2;filter:none;transform:none;background-size:118% auto;background-position:center 52%}.fa-principles__card.is-open .fa-principles__panel--badges .fa-principles__img{filter:none;transform:none}.fa-principles__text{z-index:2}.fa-principles__text{position:absolute;inset:var(--fa-sp-6) var(--fa-sp-6) auto;display:block;max-height:0;overflow:hidden;font-size:var(--fa-fs-15);line-height:1.375;color:var(--fa-white);text-shadow:0 1px 3px rgba(0,0,0,.28);opacity:0;transform:translateY(8px);transition:opacity .25s ease,transform .35s ease}.fa-principles__card.is-open .fa-principles__text{max-height:none;opacity:1;transform:none;transition:opacity .35s ease .28s,transform .4s ease .28s}.fa-principles__line{display:block;height:1px;margin-top:14px;background:#dde3e5;transition:background .3s ease}.fa-principles__card.is-open .fa-principles__line{background:var(--fa-brand-2)}.fa-principles__name{margin:14px 0 0;font-family:var(--fa-font-head);font-size:var(--fa-fs-17);font-weight:500;line-height:1.2;color:var(--fa-muted);transition:color .3s ease,font-size .3s ease}.fa-principles__card.is-open .fa-principles__name{font-size:var(--fa-fs-24);color:var(--fa-ink)}.fa-principles__toggle{padding:0;border:0;background:none;font:inherit;color:inherit;text-align:left;cursor:pointer}@media(max-width:1023px){.fa-principles__cards{overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;margin-inline:calc(-1 * var(--fa-gutter));padding-inline:var(--fa-gutter);scroll-padding-inline:var(--fa-gutter);-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 40px),rgba(0,0,0,.15) 100%);mask-image:linear-gradient(90deg,#000 0 calc(100% - 40px),#00000026)}.fa-principles__cards::-webkit-scrollbar{display:none}.fa-principles__nav{display:none}.fa-principles__card,.fa-principles__card.is-open{flex:0 0 76%;grid-template-rows:auto auto auto;scroll-snap-align:start;cursor:default}.fa-principles__panel,.fa-principles__card.is-open .fa-principles__panel{height:auto;min-height:199px;aspect-ratio:auto;background-image:linear-gradient(135deg,#5cc9c1,#4fbdb6 42%,#3faea8)}.fa-principles__panel:before{opacity:1}.fa-principles__img{filter:grayscale(1) contrast(.92) brightness(1.16)}.fa-principles__panel,.fa-principles__card.is-open .fa-principles__panel{padding:var(--fa-sp-6)}.fa-principles__text{position:relative;inset:auto;max-height:none;opacity:1;transform:none}.fa-principles__line{background:var(--fa-brand-2)}.fa-principles__name,.fa-principles__card.is-open .fa-principles__name{font-size:var(--fa-fs-20);color:var(--fa-ink)}}@media(max-width:560px){.fa-principles .fa-container{margin-inline:var(--fa-sp-4)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/fa-principles.css.map */