.directory-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(135deg,var(--color-surface-lowest) 0%,var(--color-surface-low) 52%,var(--color-surface-high) 100%)}.directory-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;opacity:.34;background-image:radial-gradient(circle at 18% 28%,var(--color-primary-fixed-dim) 0 1px,transparent 1.5px),radial-gradient(circle at 76% 18%,var(--color-secondary-container) 0 1px,transparent 1.5px);background-size:74px 74px,106px 106px}.directory-hero__glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(12px);opacity:.3;pointer-events:none}.directory-hero__glow--one{width:340px;height:340px;left:-120px;top:-160px;background:var(--color-primary-fixed-dim)}.directory-hero__glow--two{width:420px;height:420px;right:-160px;bottom:-220px;background:var(--color-secondary-container)}.directory-hero__inner{min-height:clamp(300px,38vw,430px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.82fr);align-items:center;gap:clamp(1.75rem,4vw,3.5rem);padding-block:var(--directory-padding-top, 56px) var(--directory-padding-bottom, 56px)}.directory-hero__content{max-width:var(--directory-content-width, 700px)}.directory-hero__eyebrow{display:inline-flex;align-items:center;padding:.42rem .85rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--directory-hero-accent) 11%,white);color:var(--directory-hero-accent);font-size:var(--text-label);font-weight:700;letter-spacing:.11em;text-transform:uppercase}.directory-hero__heading{margin:0;max-width:24ch;color:var(--color-on-surface);text-wrap:balance;font-size:clamp(1.75rem,3.3vw,var(--directory-title-size, 42px));font-weight:800;font-family:var(--font-display);line-height:1.12}.directory-hero__heading:has(br){max-width:none;text-wrap:pretty}.directory-hero__description{max-width:56ch;margin-top:1.1rem;color:#000}.directory-hero__actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.75rem}.directory-hero__trust{display:inline-flex;align-items:center;gap:.45rem;margin-top:1.15rem;color:#000;font-size:.88rem}.directory-hero__trust svg{color:var(--directory-hero-accent)}.directory-hero__visual{position:relative;width:min(100%,var(--directory-image-width, 520px));justify-self:center;padding:clamp(1rem,3vw,2rem)}.directory-hero__orbit{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;border:1px solid color-mix(in srgb,var(--directory-hero-accent) 26%,transparent);border-radius:50%;transform:rotate(-9deg)}.directory-hero__orbit:before{content:"";position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:1px dashed color-mix(in srgb,var(--directory-hero-accent) 22%,transparent);border-radius:50%}.directory-hero__media{position:relative;aspect-ratio:4 / 3;overflow:hidden;border-radius:clamp(1.5rem,3vw,2.5rem);background:#ffffff8c;border:1px solid rgba(255,255,255,.72);box-shadow:0 28px 70px #5c30252b;transform:rotate(var(--directory-image-rotation, 0deg))}.directory-hero__image,.directory-hero__media .media-placeholder{width:100%;height:100%;object-fit:var(--directory-image-fit, cover);object-position:var(--directory-image-position, 50% 50%)}.directory-hero__media .placeholder-svg{width:100%;height:100%}.directory-hero__badge{position:absolute;display:inline-flex;align-items:center;padding:.6rem .9rem;border-radius:var(--radius-full);background:#fff8f6db;border:1px solid rgba(255,255,255,.88);box-shadow:var(--shadow-sm);color:var(--color-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-size:.78rem;font-weight:700;letter-spacing:.04em}.directory-hero__badge--top{top:5%;right:-1%}.directory-hero__badge--bottom{bottom:6%;left:-1%}@media(max-width:900px){.directory-hero__inner{grid-template-columns:1fr;min-height:auto;text-align:center;padding-block:var(--directory-padding-mobile, 32px)}.directory-hero__content{max-width:720px;margin-inline:auto}.directory-hero__heading,.directory-hero__description{margin-inline:auto}.directory-hero__actions{justify-content:center}.directory-hero__visual{justify-self:center;width:min(100%,var(--directory-image-width-mobile, 360px))}}@media(max-width:560px){.directory-hero__inner{gap:1.5rem;padding-block:var(--directory-padding-mobile, 32px)}.directory-hero__heading{font-size:clamp(1.5rem,7.4vw,var(--directory-title-size-mobile, 30px));line-height:1.12}.directory-hero__actions .btn{flex:1 1 100%}.directory-hero__visual{width:min(100%,var(--directory-image-width-mobile, 360px));padding:.7rem}.directory-hero__badge{font-size:.68rem;padding:.5rem .7rem}}@media(prefers-reduced-motion:reduce){.directory-hero__media{transform:none}}.directory-hero__content{min-width:0;width:100%}.directory-hero__description{line-height:1.6;overflow-wrap:break-word}.directory-hero__eyebrow{margin-bottom:1rem;font-family:var(--font-body);letter-spacing:.02em;text-transform:none}.directory-hero--calculators{background:linear-gradient(120deg,#efc3ae,#f6ddcc 52%,#d99c80)}.directory-hero--calculators:before{opacity:.4;background-image:linear-gradient(rgba(126,61,35,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(126,61,35,.12) 1px,transparent 1px);background-size:58px 58px;-webkit-mask-image:linear-gradient(90deg,transparent,black);mask-image:linear-gradient(90deg,transparent,black)}.directory-hero--calculators:after{content:"";position:absolute;z-index:-1;right:-12%;top:-40%;width:56%;aspect-ratio:1;border:70px solid rgba(155,71,37,.09);border-radius:50%;pointer-events:none}.directory-hero--calculators .directory-hero__orbit{display:none}.directory-hero--calculators .directory-hero__media{aspect-ratio:1;border-radius:28px;background:#fff9ed80;border:1px solid rgba(255,255,255,.7);box-shadow:16px 18px #833d231f}.directory-hero--calculators .directory-hero__heading{max-width:17ch;font-size:clamp(2rem,3.8vw,var(--directory-title-size,42px));line-height:1.06}.directory-hero--calculators .directory-hero__badge{border-radius:10px;color:#241916}.directory-hero__number-art{position:relative;display:grid;place-items:center;width:100%;height:100%;padding:17%;overflow:hidden}.directory-hero__number-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);width:100%;aspect-ratio:1;border:1px solid rgba(126,61,35,.26);border-radius:12px;overflow:hidden;background:#fff9ed8c;transform:rotate(-7deg);box-shadow:0 12px 28px #833d231f}.directory-hero__number-grid span{display:grid;place-items:center;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.8rem);font-weight:800;color:#7b321d;border-right:1px solid rgba(126,61,35,.22);border-bottom:1px solid rgba(126,61,35,.22)}.directory-hero__number-grid span:nth-child(3n){border-right:0}.directory-hero__number-grid span:nth-last-child(-n+3){border-bottom:0}.directory-hero__number-grid span:nth-child(5){background:#8b3923;color:#fff}.directory-hero__sun{position:absolute;width:45%;aspect-ratio:1;right:-10%;top:-8%;border-radius:50%;background:#bc6541;box-shadow:0 0 0 18px #bc65411f,0 0 0 36px #bc654112}@media(max-width:900px){.directory-hero--calculators .directory-hero__heading{max-width:19ch}}@media(max-width:560px){.directory-hero--calculators .directory-hero__heading{font-size:clamp(1.8rem,8vw,var(--directory-title-size-mobile,30px))}.directory-hero--calculators .directory-hero__media{box-shadow:8px 9px #833d231f}.directory-hero__description{font-size:1rem}.directory-hero__badge--top{right:0}.directory-hero__badge--bottom{left:0}.directory-hero__number-grid span{font-size:clamp(1.5rem,7vw,2rem)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/directory-hero.css.map */