.project-hero{position:relative;display:block;width:100%;margin:0;overflow:hidden;background:var(--hub-ink);color:var(--hub-paper);isolation:isolate}.project-hero--mini{min-height:40vh;min-height:40dvh}.project-hero--short{min-height:55vh;min-height:55dvh}.project-hero--compact{min-height:70vh;min-height:70dvh}.project-hero--medium{min-height:85vh;min-height:85dvh}.project-hero--tall{min-height:96vh;min-height:96dvh}.project-hero--full{min-height:100vh;min-height:100dvh}@media(max-width:749px){.project-hero--mini{min-height:45vh}.project-hero--short{min-height:60vh}.project-hero--compact{min-height:70vh}.project-hero--medium{min-height:80vh}.project-hero--tall{min-height:90vh}.project-hero--full{min-height:100vh;min-height:100dvh}}.project-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.project-hero__media img,.project-hero__media video{position:absolute;top:-8%;left:0;width:100%;height:116%;object-fit:cover;object-position:center;will-change:transform;transform:translate3d(0,var(--parallax-y, 0),0)}@media(prefers-reduced-motion:reduce){.project-hero__media img,.project-hero__media video{top:0;height:100%;transform:none;will-change:auto}}.project-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(var(--overlay-direction, to top),rgba(0,0,0,var(--overlay-strength, .55)) 0%,rgba(0,0,0,calc(var(--overlay-strength, .55) * .7)) 22%,rgba(0,0,0,calc(var(--overlay-strength, .55) * .4)) 45%,rgba(0,0,0,calc(var(--overlay-strength, .55) * .15)) 70%,transparent 100%)}.project-hero__tint{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background:radial-gradient(ellipse 80% 60% at 50% 110%,color-mix(in srgb,var(--hub-ink) 30%,transparent) 0%,transparent 60%);mix-blend-mode:multiply}.project-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");background-size:180px 180px;opacity:.08;mix-blend-mode:overlay}.project-hero__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(3rem,6vw,7rem) clamp(2rem,5vw,7rem) clamp(4rem,8vw,9rem);max-width:144rem;margin-inline:auto}.project-hero--align-center .project-hero__content{align-items:center;text-align:center}.project-hero--align-bottom-center .project-hero__content{align-items:center;text-align:center;justify-content:flex-end}.project-hero--align-middle .project-hero__content{justify-content:center}.project-hero--align-middle-center .project-hero__content{justify-content:center;align-items:center;text-align:center}.project-hero__tagline{position:absolute;top:clamp(2rem,3vw,3.6rem);left:50%;transform:translate(-50%);z-index:5;font-family:var(--font-heading-family);font-size:clamp(1.1rem,1.1vw,1.4rem);font-weight:600;letter-spacing:.35em;text-transform:uppercase;color:var(--hub-paper);text-shadow:0 1px 12px rgba(0,0,0,.4);white-space:nowrap;pointer-events:none}@media(max-width:749px){.project-hero__tagline{font-size:1rem;letter-spacing:.2em}}.project-hero__eyebrow{display:inline-block;margin:0 0 2rem;font-family:var(--font-heading-family);font-size:clamp(1.1rem,1.1vw,1.3rem);font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--hub-paper);opacity:.9;text-shadow:0 1px 8px rgba(0,0,0,.5)}.project-hero__eyebrow:before{content:"";display:inline-block;width:3.2rem;height:1px;vertical-align:middle;margin-right:1.2rem;background:currentColor;opacity:.85}.project-hero__heading{margin:0 0 1.6rem;max-width:22ch;font-family:var(--font-heading-family);font-weight:700;letter-spacing:-.022em;line-height:.92;color:var(--hub-paper);text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.45);font-size:clamp(4.6rem,8vw,10rem)}.project-hero--align-center .project-hero__heading,.project-hero--align-bottom-center .project-hero__heading,.project-hero--align-middle-center .project-hero__heading{margin-inline:auto}.project-hero__heading em{font-style:italic;font-weight:400}.project-hero__subhead{margin:0 0 3rem;max-width:52ch;font-size:clamp(1.5rem,1.55vw,1.85rem);line-height:1.5;color:#f4eee4eb;text-shadow:0 1px 8px rgba(0,0,0,.45)}.project-hero__ctas{display:flex;flex-wrap:wrap;gap:1.6rem;align-items:center}.project-hero__cta-primary{display:inline-flex;align-items:center;gap:.8rem;padding:1.6rem 2.8rem;background:var(--hub-paper);color:var(--hub-ink);font-family:var(--font-heading-family);font-size:1.4rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border:1px solid var(--hub-paper);transition:gap var(--hub-dur-fast) var(--hub-ease-out),background var(--hub-dur-fast) var(--hub-ease-out),color var(--hub-dur-fast) var(--hub-ease-out)}.project-hero__cta-primary:hover,.project-hero__cta-primary:focus-visible{background:var(--hub-accent);border-color:var(--hub-accent);color:var(--hub-paper);gap:1.2rem;text-decoration:none}.project-hero__cta-secondary{display:inline-flex;align-items:center;gap:.6rem;padding:1.2rem 0 .6rem;color:var(--hub-paper);font-family:var(--font-heading-family);font-size:1.3rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--hub-paper);transition:gap var(--hub-dur-fast) var(--hub-ease-out),opacity var(--hub-dur-fast) var(--hub-ease-out);text-shadow:0 1px 8px rgba(0,0,0,.4)}.project-hero__cta-secondary:hover,.project-hero__cta-secondary:focus-visible{color:var(--hub-paper);text-decoration:none;gap:1rem;opacity:.86}.project-hero__cta-arrow{display:inline-block;font-size:1.05em;transition:transform var(--hub-dur-fast) var(--hub-ease-out)}.project-hero__cta-primary:hover .project-hero__cta-arrow,.project-hero__cta-primary:focus-visible .project-hero__cta-arrow,.project-hero__cta-secondary:hover .project-hero__cta-arrow,.project-hero__cta-secondary:focus-visible .project-hero__cta-arrow{transform:translate(.3em)}.project-hero__scroll-cue{position:absolute;bottom:clamp(2rem,3vw,3.2rem);left:50%;transform:translate(-50%);z-index:5;display:flex;flex-direction:column;align-items:center;gap:.8rem;pointer-events:none}.project-hero__scroll-label{font-family:var(--font-heading-family);font-size:1.05rem;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:#f4eee4c7}.project-hero__scroll-track{position:relative;width:1px;height:5.6rem;background:linear-gradient(to bottom,#f4eee42e,#f4eee48c);overflow:hidden}.project-hero__scroll-dot{position:absolute;top:0;left:50%;width:4px;height:12px;margin-left:-2px;border-radius:999px;background:var(--hub-paper);animation:project-hero-scroll-dot 2.4s var(--hub-ease-in-out) infinite}@keyframes project-hero-scroll-dot{0%{transform:translateY(-100%);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translateY(560%);opacity:0}}@media(max-width:749px){.project-hero__scroll-cue{display:none}}@media(prefers-reduced-motion:reduce){.project-hero__scroll-dot{animation:none;opacity:0}}.project-hero__heading.project-stagger{text-shadow:none}.project-hero__heading.project-stagger>span{text-shadow:0 2px 18px rgba(0,0,0,.45)}.project-hero__media{transform:scale(var(--hero-zoom, 1));transform-origin:center 40%;transition:transform .2s linear}@media(prefers-reduced-motion:reduce){.project-hero__media{transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-project-hero.css.map */