.project-hero{--ink: #073A30;--cream: #FCFBF0;--lime: #DBFFB8;--line: rgba(252, 251, 240, .14);--glass: rgba(252, 251, 240, .07);--shadow: 0 30px 80px -30px rgba(2, 15, 11, .65);--font-display: "Ogg", "Iowan Old Style", serif;--font-heading: "atyp-bl-variable", sans-serif;--font-sans: "Inter", -apple-system, sans-serif;position:relative;width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);background-color:var(--ink);background-size:cover;background-position:center;padding:var(--hero-padding-top-desktop, 56px) var(--hero-padding-right-desktop, 40px) var(--hero-padding-bottom-desktop, 64px) var(--hero-padding-left-desktop, 40px);box-sizing:border-box}.project-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#073a308c}.project-hero__card{position:relative;max-width:min(100%,1400px);margin:0 auto;padding:26px 26px 30px;border-radius:22px;color:var(--cream);font-family:var(--font-sans);background:var(--glass);border:1px solid var(--line);backdrop-filter:blur(22px) saturate(140%);-webkit-backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--shadow),inset 0 1px #fcfbf01a}.project-hero__eyebrow{display:flex;align-items:center;gap:5px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--cream);opacity:.7;margin:0 0 10px}.project-hero__eyebrow .pulse{width:8px;height:8px;border-radius:50%;background:var(--lime);flex-shrink:0;animation:hero-pulse 2.4s infinite}@keyframes hero-pulse{0%{box-shadow:0 0 #dbffb88c}70%{box-shadow:0 0 0 10px #dbffb800}to{box-shadow:0 0 #dbffb800}}.project-hero__title{font-family:atyp-bl-variable,sans-serif;font-variation-settings:"wght" 500,"ital" 0,"opsz" 6!important;font-weight:500;font-size:var(--title-size-desktop, 30px);line-height:1.2;letter-spacing:.5px;color:var(--cream);margin:0 0 12px;white-space:normal;overflow-wrap:break-word}.project-hero__title .highlight-text{font-family:Ogg,sans-serif!important;font-style:italic}.project-hero__meta{display:flex;flex-direction:row;gap:16px;padding:16px 0;margin:4px 0 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-hero__meta-item{flex:1;min-width:0}.project-hero__meta-label{font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--cream);opacity:.6;margin:0 0 4px}.project-hero__meta-value{font-family:var(--font-sans);font-size:13px;color:var(--cream);margin:0;font-weight:500}.project-hero__description{font-family:var(--font-sans);font-size:15px;opacity:.7;line-height:1.55;color:var(--cream);margin:0}.project-hero__link{position:relative;display:inline-flex;align-items:center;overflow:visible;background:#fcfbf0;color:#073a30;border:1px solid #fffaf0;border-radius:999px;padding:10px 24px;margin-right:48px;min-height:42px;font-size:14px;font-weight:500;line-height:1;text-decoration:none;box-shadow:0 0 24px #fffaf040;transition:all .35s ease;font-family:atyp-bl-variable,sans-serif;font-variation-settings:"wght" 500,"ital" 0,"opsz" 6;margin-top:20px}.project-hero__link:after{content:"";position:absolute;left:calc(100% + 6px);top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background-color:#fcfbf0;background-image:url(/cdn/shop/files/arrow-sm-right-svgrepo-com.svg?v=1780288056);background-repeat:no-repeat;background-position:center;background-size:20px;border:1px solid #fffaf0;box-shadow:0 0 24px #fffaf040;pointer-events:none;transition:all .35s ease}.project-hero__link:hover{background:#dbffb8;border-color:#dbffb8;color:#073a30;box-shadow:0 0 40px #dbffb866,0 0 80px #dbffb826;opacity:1}.project-hero__link:hover:after{left:calc(100% + 2px);background-color:#dbffb8;border-color:#dbffb8;box-shadow:0 0 40px #dbffb866,0 0 80px #dbffb826}@media(max-width:768px){.project-hero__link{padding:8px 18px;margin-right:40px;min-height:38px;font-size:13px}.project-hero__link:after{width:38px;height:38px;background-size:18px}}@media screen and (max-width:989px){.project-hero__title{font-size:var(--title-size-tablet, 26px)}.project-hero{padding:var(--hero-padding-top-tablet, 48px) var(--hero-padding-right-tablet, 32px) var(--hero-padding-bottom-tablet, 56px) var(--hero-padding-left-tablet, 32px)}}@media screen and (max-width:749px){.project-hero{padding:var(--hero-padding-top-mobile, 40px) var(--hero-padding-right-mobile, 20px) var(--hero-padding-bottom-mobile, 48px) var(--hero-padding-left-mobile, 20px)}.project-hero__card{max-width:100%;padding:22px}.project-hero__title{font-size:var(--title-size-mobile, 24px)}.project-hero__meta{flex-direction:column;gap:14px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/project-hero.css.map */