.hp-hero{--o:var(--tyde-orange,#FF4B00);--ink:var(--tyde-ink,#121212);--muted:var(--tyde-muted,#5f5f5f);--hair:var(--tyde-hair,#e2e1dc);--hair-s:var(--tyde-hair-strong,#c8c7c1);--set:radial-gradient(ellipse 75% 70% at 50% 45%, var(--tyde-sand,#F9E8D6) 0%, var(--tyde-sand-deep,#F0D0AC) 100%);font-family:Montserrat,system-ui,sans-serif;color:var(--ink);padding:56px 0 32px}.hp-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px;align-items:center}.hp-label{font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:11px;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums}.hp-glyph{width:15px;height:13px;flex:0 0 auto;background:var(--o);-webkit-mask:var(--tyde-tide-mask) center/contain no-repeat;mask:var(--tyde-tide-mask) center/contain no-repeat}.hp-tag{display:inline-flex;align-items:center;gap:9px;margin:0 0 22px}.hp-tag .hp-label{color:var(--ink)}.hp-h1{font-family:inherit;font-weight:900!important;text-transform:uppercase;letter-spacing:-.035em!important;line-height:.94!important;font-size:clamp(36px,5.2vw,66px)!important;margin:0 0 22px;max-width:none;color:var(--ink)}.hp-copy{container-type:inline-size;min-width:0}.hp-h1 .l1,.hp-h1 .l2{display:block;white-space:nowrap}@supports (font-size:1cqi){.hp-h1{font-size:min(66px,calc(100cqi / 11.6))!important}}.hp-sub{font-weight:500;font-size:clamp(16px,1.9vw,19px);line-height:1.55;color:#3a3a3a;max-width:42ch;margin:0 0 30px}.hp-cta{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.hp-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:inherit;font-weight:800;text-transform:uppercase;letter-spacing:.045em;font-size:13.5px;line-height:1.2;padding:15px 18px;border-radius:13px;border:2px solid transparent;min-height:52px;text-decoration:none;white-space:nowrap;transition:transform .12s ease,box-shadow .18s ease,border-color .18s ease}.hp-btn--primary{background:var(--o);color:#000}.hp-btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ff4b0047}.hp-btn--ghost{background:transparent;color:var(--ink);border-color:var(--hair-s)}.hp-btn--ghost:hover{border-color:var(--ink);transform:translateY(-2px)}.hp-btn:focus-visible,.hp-more:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.hp-btn svg{width:17px;height:17px;flex:0 0 auto}.hp-more{display:inline-block;font-weight:700;font-size:14px;color:var(--ink);text-decoration:underline;text-decoration-color:var(--o);text-decoration-thickness:2px;text-underline-offset:5px;padding:6px 0}.hp-more .ar{display:inline;color:var(--o);margin-left:4px}@media(prefers-reduced-motion:reduce){.hp-btn{transition:none}.hp-btn:hover{transform:none}}.hp-card{background:#fff;border:1px solid var(--hair);border-radius:20px;padding:22px 24px 18px;box-shadow:0 30px 70px #1212121a;min-width:0}.hp-card__top{display:flex;align-items:center;gap:9px;margin-bottom:16px}.hp-card__top .hp-label{color:var(--muted)}.hp-set{background:var(--set);border-radius:14px;padding:22px 16px 0;display:flex;align-items:flex-end;gap:6px}.hp-set figure{margin:0;min-width:0}.hp-set img{display:block;width:100%;height:auto}.hp-caps{display:flex;gap:6px;margin-top:12px}.hp-caps p{margin:0;min-width:0;font-size:12.5px;line-height:1.35;font-weight:600;color:#3a3a3a}.hp-caps b{display:block;font-weight:800;color:var(--ink);font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:2px}.hp-card__foot{border-top:1px solid var(--hair);margin-top:14px;padding-top:12px}@media(max-width:860px){.hp-hero{padding:32px 0 28px}.hp-grid{grid-template-columns:minmax(0,1fr);gap:28px}.hp-h1,.hp-tag{margin-bottom:16px}.hp-sub{margin-bottom:22px}.hp-cta{gap:12px}.hp-cta .hp-btn{width:100%}.hp-card{padding:16px 14px 12px;border-radius:16px;box-shadow:0 18px 40px #12121214}.hp-set{padding:16px 10px 0;gap:4px}.hp-caps p{font-size:11.5px}.hp-caps b{font-size:10px;letter-spacing:.06em}}.tyde-cta-banner .button{border-radius:13px!important;text-transform:uppercase;font-weight:800!important;letter-spacing:.045em!important;font-size:13.5px!important;min-height:52px;padding:15px 22px!important;box-shadow:none!important}.tyde-cta-banner .button:before,.tyde-cta-banner .button:after{border-radius:13px!important}@media screen and (min-width:990px){div.tyde-custom-grid>*{max-width:none}}.hp-tag{align-items:flex-start}.hp-glyph{margin-top:1px}
/*# sourceMappingURL=/cdn/shop/t/58/assets/tyde-hero-progetti.css.map */