.phero{--s:.7;--line:color-mix(in srgb, var(--color-line-dark) 50%, transparent);margin-top:calc(-1 * var(--hdr-h));padding:calc(var(--hdr-h) + 10px) 0 calc(218px * var(--s));color:var(--color-on-dark);position:relative;overflow:hidden}@media (width>=640px){.phero{--s:1}}body:has(>main>.phero:first-child) .hdr{background:0 0}.phero__deco,.phero__deco:before,.phero__deco:after{pointer-events:none;position:absolute}.phero__deco{background:linear-gradient(var(--line), var(--line)) calc(50% - 50px * var(--s) + .5px) calc(600px * var(--s)) / 1px 100% no-repeat, linear-gradient(var(--line), var(--line)) calc(50% + 450px * var(--s) + .5px) calc(600px * var(--s)) / 1px 100% no-repeat, linear-gradient(var(--line), var(--line)) calc(50% + 550px * var(--s) + .5px) calc(600px * var(--s)) / 1px 100% no-repeat, url(/_astro/page-hero.BhdY8woB.svg) 50% 0 / calc(1440px * var(--s)) auto no-repeat;inset:0}.phero__deco:before,.phero__deco:after{content:""}.phero__deco:before{left:0;right:calc(50% + 50px * var(--s));top:calc(180px * var(--s));background:linear-gradient(var(--line), var(--line)) 0 0 / 100% 1px no-repeat, linear-gradient(var(--line), var(--line)) 0 calc(60px * var(--s)) / 100% 1px no-repeat, linear-gradient(var(--line), var(--line)) 0 calc(220px * var(--s)) / 100% 1px no-repeat, linear-gradient(var(--line), var(--line)) 0 calc(320px * var(--s)) / 100% 1px no-repeat, linear-gradient(to right, var(--line) 1px, transparent 1px) 100% calc(220px * var(--s)) / calc(100px * var(--s)) 100% repeat-x;bottom:0}.phero__deco:after{left:calc(50% + 550px * var(--s));right:0;top:calc(200px * var(--s));height:calc(300px * var(--s) + 1px);background:linear-gradient(to right, var(--line) 1px, transparent 1px), linear-gradient(var(--line) 1px, transparent 1px);background-size:calc(100px * var(--s)) calc(100px * var(--s))}.phero__in{position:relative}.phero__crumbs{font:12px/18px var(--font-display);color:var(--color-on-dark-muted);flex-wrap:wrap;display:flex}.phero__crumbs li{gap:6px;margin-right:6px;display:flex}.phero__crumbs a{color:var(--color-primary);transition:color .15s}.phero__crumbs a:hover{color:var(--color-cyan)}.phero__sep{font-weight:300}.phero__t{margin-top:calc(256px * var(--s) - var(--hdr-h) - 28px);font:600 clamp(3.25rem, 15.5vw, 120px) / 1.05 var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;position:relative}.phero__t:before{content:"";aspect-ratio:1;background:var(--color-primary);width:max(6px,.0833em);position:absolute;top:.09em;left:-.5px}.phero--c{min-height:calc(600px * var(--s));padding-bottom:calc(110px * var(--s))}.phero--c .phero__t{max-width:980px;font-size:clamp(1.75rem, var(--vw), 72px);text-wrap:balance;overflow-wrap:break-word;line-height:1.083}.phero--c .phero__t:before{width:max(6px,.139em)}.phero__nw{white-space:nowrap}.phero--sub .phero__t{font-size:clamp(2rem, var(--vw), 120px);overflow-wrap:normal}.phero__sub{font:300 clamp(1.125rem, 2.23vw, 32px) / 1.31 var(--font-display);color:var(--color-on-dark-3);text-wrap:balance;margin-top:8px;display:block}.phero--plain{padding-bottom:calc(120px * var(--s))}.phero--code{padding-bottom:calc(110px * var(--s))}.phero__name{margin-top:calc(256px * var(--s) - var(--hdr-h) - 28px);font:500 clamp(2.5rem, 6.26vw, 90px) / 1.18 var(--font-display);text-transform:uppercase;overflow-wrap:anywhere;position:relative}.phero__name:before{content:"";aspect-ratio:1;background:var(--color-primary);width:max(6px,.0889em);position:absolute;top:.09em;left:-.5px}.phero__h1{max-width:820px;font:300 clamp(1.25rem, 2.23vw, 32px) / 1.31 var(--font-display);text-transform:uppercase;color:var(--color-on-dark-3);text-wrap:balance;margin-top:20px;position:relative}.phero__h1~.phero__act{margin-top:40px}@media (width>=640px){.phero__h1{margin-top:26px}.phero__h1~.phero__act{margin-top:48px}}.phero__act{flex-wrap:wrap;gap:16px;margin-top:32px;display:flex;position:relative}.phero__side{max-width:400px;margin-top:32px;position:relative}.phero__side:not(:has(>:not([hidden]))){display:none}@media (width>=1024px){.phero__side{left:calc(50% + 50px);top:calc(274px - var(--hdr-h));width:400px;margin-top:0;position:absolute}}.phero__lead{max-width:680px;font:16px/24px var(--font-sans);color:var(--color-on-dark-muted);text-wrap:pretty;margin-top:24px;position:relative}@media (width>=640px){.phero__lead{margin-top:36px;font-size:18px;line-height:28px}}
