.cwc_portfolio_hero{background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent-color) 12%,var(--section-bg)) 0%,var(--section-bg) 60%);color:var(--text-color);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);min-height:80vh;display:flex;align-items:center}.cwc_portfolio_hero__container{max-width:1200px;margin:0 auto;padding:0 2.5rem;width:100%}.cwc_portfolio_hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:3.75rem;align-items:center}.cwc_portfolio_hero__copy{display:flex;flex-direction:column;align-items:flex-start}.cwc_portfolio_hero__eyebrow{display:inline-block;background:color-mix(in srgb,var(--accent-color) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent-color) 30%,transparent);color:var(--accent-color);font-size:.625rem;font-weight:700;letter-spacing:.125em;text-transform:uppercase;padding:.25rem .75rem;border-radius:20px;margin-bottom:1rem}.cwc_portfolio_hero__heading h1,.cwc_portfolio_hero__heading h2,.cwc_portfolio_hero__heading p{font-size:3rem;font-weight:900;line-height:1.1;color:var(--text-color);margin:0}.cwc_portfolio_hero__heading strong{color:var(--accent-color);font-weight:900}.cwc_portfolio_hero__divider{width:48px;height:2px;background:var(--accent-color);margin:1.25rem 0}.cwc_portfolio_hero__subtext p{font-size:.9375rem;color:var(--subtext-color);line-height:1.6;margin:0;max-width:40ch}.cwc_portfolio_hero__btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-color);color:#000;font-weight:800;font-size:.875rem;padding:.875rem 1.75rem;border-radius:6px;text-decoration:none;margin-top:1.5rem;transition:filter .2s ease,transform .2s ease}.cwc_portfolio_hero__btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.cwc_portfolio_hero__scroll-indicator{display:flex;flex-direction:column;align-items:flex-start;gap:.375rem;margin-top:2.5rem;color:#555;font-size:.6875rem;letter-spacing:.0625em;text-transform:uppercase;align-items:center}.cwc_portfolio_hero__scroll-arrow--icon{transform:rotate(90deg)}.cwc_portfolio_hero__mockups{display:grid;grid-template-columns:1fr 1fr;gap:.625rem}.cwc_portfolio_hero__mockup-card{background:var(--mockup-bg);border:1px solid var(--mockup-border);border-radius:8px;height:160px;overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.cwc_portfolio_hero__mockup-card--tall{grid-row:span 2;height:330px}.cwc_portfolio_hero__mockup-image{width:100%;height:100%;object-fit:cover;display:block;object-position:top}.cwc_portfolio_hero__mockup-placeholder{color:#333;font-size:.6875rem;text-align:center;padding:.75rem}@media screen and (max-width:991px){.cwc_portfolio_hero__container{padding:0 1.5rem}.cwc_portfolio_hero__grid{grid-template-columns:1fr;gap:2.5rem}.cwc_portfolio_hero__heading h1,.cwc_portfolio_hero__heading h2,.cwc_portfolio_hero__heading p{font-size:2.5rem}}@media screen and (max-width:768px){.cwc_portfolio_hero{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile);min-height:0}.cwc_portfolio_hero__container{padding:0 1rem}.cwc_portfolio_hero__heading h1,.cwc_portfolio_hero__heading h2,.cwc_portfolio_hero__heading p{font-size:2rem}.cwc_portfolio_hero__mockup-card{height:120px}.cwc_portfolio_hero__mockup-card--tall{height:250px}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/CWC_portfolio_hero.css.map */
