/* Interior heroes extend the existing homepage's indigo, teal and violet pathway language. */
.page-hero.illustrated-hero{position:relative;isolation:isolate;z-index:0;overflow:visible;border:0;padding-bottom:46px;color:#fff;background:linear-gradient(118deg,#020617 0%,#160b36 36%,#1c0b44 58%,#042f3a 100%)}
.illustrated-hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#43c8a00c 1px,transparent 1px),linear-gradient(180deg,#ffffff08 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(180deg,#000,transparent)}
.illustrated-hero .breadcrumbs{color:#c8bfdc;margin-bottom:25px;font-size:.72rem}
.illustrated-hero .breadcrumbs a:hover{color:#fff}
.illustrated-hero-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:36px;align-items:center}
.illustrated-hero-copy{position:relative;z-index:1;min-width:0;padding-block:14px}
.illustrated-hero .eyebrow{color:#8ef5d8;font-size:.72rem}
.illustrated-hero h1{color:#fff;font-size:var(--companion-type-hero);line-height:1.09;letter-spacing:-.035em;text-wrap:pretty;overflow-wrap:break-word;max-width:760px}
.illustrated-hero .hero-lede{color:#ded6ee;font-size:1.02rem;line-height:1.65;max-width:690px;margin-top:22px}
/* The interior motion stylesheet sizes the image and light layer together. */
.page-hero-visual{margin:0;min-width:0;width:100%;max-width:460px;justify-self:center;pointer-events:none}
.page-hero-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;position:relative}
/* Artwork extends behind the fixed masthead and the opaque content layer below. */
main:has(.illustrated-hero),.practice-main{overflow-x:clip}
.hero-following-content{position:relative;z-index:1;display:flow-root;background:#fff}
.illustrated-hero .breadcrumbs,.practice-masthead .future-fork-copy{position:relative;z-index:1}
.future-fork-hero.practice-masthead{overflow:visible;z-index:0}
.illustrated-hero .button{background:#43c8a0;border-color:#43c8a0;color:#172d25}
.illustrated-hero .button.secondary{background:transparent;color:white;border-color:#a696b9}
.illustrated-hero :focus-visible{outline-color:#8ef5d8}
.practice-hero-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:36px;align-items:center}
.practice-masthead .page-hero-visual{max-width:390px}
.practice-masthead .future-fork-copy h1{font-size:var(--companion-type-display);line-height:1.04}
@media(max-width:900px){.illustrated-hero-layout,.practice-hero-layout{grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:20px}.illustrated-hero .hero-lede{font-size:16px}}
@media(max-width:650px){.page-hero.illustrated-hero{padding-bottom:28px}.illustrated-hero .breadcrumbs{margin-bottom:20px}.illustrated-hero-layout,.practice-hero-layout{grid-template-columns:minmax(0,1fr);gap:6px}.illustrated-hero-copy{padding:0}.illustrated-hero .hero-lede{margin-top:18px}.page-hero-visual,.practice-masthead .page-hero-visual{width:min(100%,290px);max-height:185px;margin-top:10px}}
@media print{main:has(.illustrated-hero),.practice-main{overflow:visible}.hero-following-content{display:block;position:static}.page-hero.illustrated-hero{color:#111;background:white!important;padding-bottom:20px}.illustrated-hero::before,.page-hero-visual{display:none!important}.illustrated-hero-layout,.practice-hero-layout{display:block}.illustrated-hero h1{color:#111;font-size:30pt}.illustrated-hero .hero-lede{color:#333;font-size:11pt}.illustrated-hero .eyebrow{color:#555}.illustrated-hero .breadcrumbs{color:#555}}