.architecture-custom{position:relative;background-color:var(--arch-bg, #000000);width:100%;max-width:100%;overflow-x:hidden}.architecture-custom>.page-width{position:relative;width:100%}.architecture-custom__layout{display:flex;flex-direction:column;align-items:stretch;position:relative}@media screen and (min-width:1024px){.architecture-custom__layout{flex-direction:row;align-items:flex-start;gap:64px}}@media screen and (min-width:1280px){.architecture-custom__layout{gap:96px}}.architecture-custom__col-left{margin-bottom:64px}@media screen and (min-width:1024px){.architecture-custom__col-left{flex:0 0 45%;width:45%;max-width:45%;margin-bottom:0;position:sticky;top:0;align-self:flex-start}}.architecture-custom__badge{display:inline-block;padding:8px 20px;border-radius:9999px;background-color:#1a1a1b;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);margin-bottom:40px;box-shadow:0 25px 50px -12px #00000080}.architecture-custom__badge span{font-size:10px;font-weight:900;letter-spacing:.4em;color:#86868b;text-transform:uppercase}@media screen and (min-width:768px){.architecture-custom__badge span{font-size:11px}}.architecture-custom__title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:32px;line-height:.95;letter-spacing:-.03em;margin:0 0 32px;color:#f5f5f7;max-width:100%;text-wrap:balance}@media screen and (min-width:768px){.architecture-custom__title{font-size:40px}}@media screen and (min-width:1024px){.architecture-custom__title{font-size:48px}}@media screen and (max-width:1023px){.architecture-custom__title{font-size:40px}}.architecture-custom__title-accent{background-image:linear-gradient(105deg,var(--arch-accent, #e32726) 0%,var(--arch-accent-yellow, #f5b100) 45%,var(--arch-green, #16a34a) 100%);background-size:120% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}.architecture-custom__intro{font-size:17px;line-height:28px;color:#86868b;font-weight:500;max-width:448px;margin:0 0 48px}@media screen and (min-width:768px){.architecture-custom__intro{font-size:19px;line-height:31px}}@media screen and (min-width:1024px){.architecture-custom__intro{margin-bottom:0}}.architecture-custom__col-right{display:flex;flex-direction:column;gap:24px;position:relative;width:100%;min-width:0}@media screen and (min-width:1024px){.architecture-custom__col-right{flex:1 1 0;min-width:0}}.architecture-custom__card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:20px;border-radius:48px;background-color:#1a1a1b;border:1px solid transparent;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;transition:background-color .7s ease,box-shadow .7s ease,border-color .7s ease}@media screen and (min-width:640px){.architecture-custom__card{flex-direction:row}}@media screen and (min-width:1024px){.architecture-custom__card{padding:27px}}.architecture-custom__card:hover{background-color:#202022}.architecture-custom__card[data-accent=red]:hover{box-shadow:0 25px 50px -12px #00000040,0 0 30px #e3272633;border-color:#e327264d}.architecture-custom__card[data-accent=yellow]:hover{box-shadow:0 25px 50px -12px #00000040,0 0 30px #f5b10033;border-color:#f5b1004d}.architecture-custom__card[data-accent=green]:hover{box-shadow:0 25px 50px -12px #00000040,0 0 30px #6abb2e33;border-color:#6abb2e4d}.architecture-custom__card-watermark{position:absolute;top:0;right:0;padding:32px;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:700;font-size:36px;line-height:1;color:#fff;opacity:.05;pointer-events:none;transition:opacity .5s ease,transform .5s ease;display:none!important}@media screen and (min-width:640px){.architecture-custom__card-watermark{display:block!important}}.architecture-custom__card:hover .architecture-custom__card-watermark{opacity:.1;transform:scale(1.1)}.architecture-custom__icon-wrap{width:64px;height:64px;flex-shrink:0;border-radius:20px;background-color:#000;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;position:relative;transition:border-color .5s ease}.architecture-custom__card:hover .architecture-custom__icon-wrap{border-color:#fff6}.architecture-custom__icon-wrap svg{width:28px;height:28px;fill:none;transition:transform .5s ease}.architecture-custom__card:hover .architecture-custom__icon-wrap svg{transform:scale(1.1)}.architecture-custom__icon-wrap[data-accent=red]{color:#e32726}.architecture-custom__icon-wrap[data-accent=yellow]{color:#f5b100}.architecture-custom__icon-wrap[data-accent=green]{color:#6abb2e}.architecture-custom__card-body{position:relative;min-width:0}.architecture-custom__card-title{font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:600;font-size:24px;line-height:1.2;letter-spacing:-1px;color:#f5f5f7;margin:0 0 12px;transition:color .7s ease}@media screen and (min-width:768px){.architecture-custom__card-title{font-size:30px}}.architecture-custom__card:hover .architecture-custom__card-title{color:#fff}.architecture-custom__card-text{font-size:15px;line-height:20px;font-weight:500;color:#86868b;margin:0;max-width:576px;text-wrap:balance;transition:color .7s ease}.architecture-custom__card:hover .architecture-custom__card-text{color:#a1a1a6}
/*# sourceMappingURL=/cdn/shop/t/5/assets/architecture-custom.css.map */