.dra-ana-hero{display:block;overflow:hidden;min-height:min(52rem,100svh);padding:clamp(3.5rem,6vw,6rem) clamp(1.25rem,4.5vw,4.5rem) clamp(3.5rem,5vw,5rem);background:linear-gradient(108deg,#f7f0e5,#f3ebdf 48%,#dce7e5)}.dra-ana-doctor-block{width:min(94rem,100%);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(24rem,.85fr);grid-template-areas:"copy visual" "details visual";column-gap:clamp(1rem,3vw,3rem);row-gap:clamp(2rem,4vw,4rem);align-items:center;padding:0}.dra-ana-doctor-copy{grid-area:copy;position:relative;z-index:1;align-self:end;max-width:58rem;min-width:0;padding-top:clamp(1rem,3vw,3rem)}.dra-ana-hero .dra-ana-eyebrow{width:min(100%,39rem);margin:0 0 clamp(1.25rem,2vw,2rem);padding:0;border:0;color:var(--dra-teal);font-size:clamp(.7rem,.78vw,.8rem);font-weight:700;line-height:1.4;letter-spacing:.08em}.dra-ana-doctor-copy .dra-ana-hero-title{position:relative;z-index:1;width:min(19ch,175%);max-width:none;margin:0;font-size:clamp(3.5rem,7.3vw,7.5rem);font-weight:600;line-height:.9;letter-spacing:-.045em;text-wrap:pretty}.dra-ana-hero-summary{position:relative;z-index:3;max-width:56ch;margin:clamp(2.25rem,4vw,3.5rem) 0 0;color:var(--dra-muted);font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.62;letter-spacing:-.012em;text-wrap:pretty}.dra-ana-doctor-visual{grid-area:visual;position:relative;z-index:2;width:100%;max-width:42rem;min-width:0;margin:0;justify-self:end}.dra-ana-doctor-image-wrap{position:relative;isolation:isolate}.dra-ana-doctor-image-wrap:after{content:"";position:absolute;z-index:-1;top:10%;right:-9%;bottom:-3%;left:9%;border:1px solid color-mix(in srgb,var(--dra-teal) 55%,transparent);border-radius:48% 52% 16% 18%/33% 34% 15% 15%}.dra-ana-doctor-portrait{position:relative;z-index:1;width:100%;max-width:none;max-height:none;aspect-ratio:4/5;margin:0;overflow:hidden;border-radius:48% 52% 8% 8%/26% 28% 6% 6%;background:var(--dra-warm);clip-path:ellipse(74% 73% at 51% 48%)}.dra-ana-doctor-portrait img{position:relative;width:100%;height:100%;object-fit:cover;object-position:50% 27%;background:var(--dra-warm)}.dra-ana-doctor-details{grid-area:details;display:block;position:relative;z-index:3;max-width:44rem;padding-top:0;border:0}.dra-ana-doctor-details .dra-ana-btn-row{margin:0;gap:.75rem}.dra-ana-hero .dra-ana-btn{min-height:3.125rem;padding:.875rem 1.4rem;font-size:clamp(.9375rem,1vw,1.025rem);white-space:normal;text-align:center}.dra-ana-doctor-meta{position:absolute;z-index:2;right:clamp(.75rem,2vw,1.5rem);bottom:clamp(.75rem,2vw,1.5rem);width:min(23rem,calc(100% - 1.5rem));display:block;padding:clamp(1rem,2vw,1.5rem);border:1px solid color-mix(in srgb,#fff 58%,transparent);border-radius:1.25rem;background:color-mix(in srgb,#fff 68%,transparent);box-shadow:0 1.25rem 3rem color-mix(in srgb,var(--dra-chocolate) 18%,transparent);backdrop-filter:blur(1rem) saturate(125%);-webkit-backdrop-filter:blur(1rem) saturate(125%)}.dra-ana-doctor-professional{position:relative;min-width:0;padding-left:0}.dra-ana-hero-formal{margin:0;color:var(--dra-chocolate);font-size:clamp(1.1rem,1.35vw,1.3rem);font-weight:600;line-height:1.25;letter-spacing:-.025em;white-space:normal}.dra-ana-hero-role{max-width:22rem;margin:.45rem 0 0;color:var(--dra-muted);font-size:clamp(.95rem,1.1vw,1.08rem);font-weight:500;line-height:1.4}.dra-ana-doctor-meta .dra-ana-text-link{display:inline-flex;align-items:center;gap:.45rem;min-height:0;margin-top:1rem;padding:0 0 .2rem;border-bottom:1px solid currentColor;font-size:.75rem;font-weight:700;line-height:1.2;white-space:normal;text-decoration:none}.dra-ana-doctor-meta .dra-ana-text-link:after{position:static;font-size:.9em;line-height:1;transform:translateY(-.08em)}.dra-ana-hero [data-dra-ready=true]{opacity:0;transform:translateY(10px)}.dra-ana-hero .dra-ana-doctor-portrait[data-dra-ready=true]{opacity:0;transform:scale(1.02);clip-path:ellipse(58% 60% at 51% 48%)}.dra-ana-hero [data-dra-ready=true].is-visible{opacity:1;transform:translateY(0);transition:opacity .45s var(--dra-ease),transform .45s var(--dra-ease);transition-delay:var(--dra-delay, 0ms)}.dra-ana-hero .dra-ana-doctor-portrait[data-dra-ready=true].is-visible{transform:scale(1);clip-path:ellipse(74% 73% at 51% 48%);transition:opacity .56s var(--dra-ease),transform .56s var(--dra-ease),clip-path .56s var(--dra-ease);transition-delay:var(--dra-delay, 0ms)}@media(max-width:64rem){.dra-ana-doctor-block{grid-template-columns:minmax(0,1fr) minmax(21rem,.82fr);column-gap:clamp(2rem,4vw,3.5rem)}.dra-ana-doctor-copy .dra-ana-hero-title{font-size:clamp(3.25rem,7vw,5.75rem)}.dra-ana-doctor-details .dra-ana-btn-row{align-items:stretch}.dra-ana-hero .dra-ana-btn{flex:1 1 15rem}}@media(max-width:48rem){.dra-ana-hero{padding:clamp(3.5rem,10vw,5rem) clamp(1.125rem,5vw,2.25rem) clamp(3.75rem,10vw,5rem)}.dra-ana-doctor-block{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "details";row-gap:clamp(2.25rem,8vw,3.75rem)}.dra-ana-doctor-copy{padding-top:0}.dra-ana-doctor-copy .dra-ana-hero-title{width:auto;max-width:11ch;font-size:clamp(3.125rem,13vw,5.25rem);line-height:.93}.dra-ana-hero-summary{margin-top:1.5rem}.dra-ana-doctor-visual{width:min(31rem,100%);justify-self:center}.dra-ana-doctor-image-wrap:after{top:9%;right:-4%;bottom:-2%;left:4%}.dra-ana-doctor-portrait{aspect-ratio:4/5;clip-path:ellipse(74% 72% at 51% 48%)}.dra-ana-doctor-portrait img{object-position:50% 30%}.dra-ana-doctor-details .dra-ana-btn-row{flex-direction:column;align-items:stretch}.dra-ana-hero .dra-ana-btn{width:100%;flex:none}.js .dra-ana-hero .dra-ana-doctor-portrait[data-dra-motion].is-visible{clip-path:ellipse(74% 72% at 51% 48%)}}@media(max-width:30rem){.dra-ana-doctor-copy .dra-ana-hero-title{font-size:clamp(2.75rem,12vw,3.5rem);letter-spacing:-.045em}}@media(max-width:25rem){.dra-ana-hero{padding-inline:.875rem}.dra-ana-hero .dra-ana-eyebrow{font-size:.68rem;letter-spacing:.055em}.dra-ana-hero-summary{font-size:1rem;line-height:1.55}.dra-ana-doctor-visual{width:min(18rem,100%)}.dra-ana-hero .dra-ana-btn{padding-inline:1rem}.dra-ana-doctor-meta .dra-ana-text-link{white-space:normal}}.dra-ana-hero{position:relative;isolation:isolate;min-height:min(56rem,max(34rem,51vw));padding:0;background:linear-gradient(135deg,#fffefa,#fbf7f1 48%,#edeae5)!important}.dra-ana-hero .dra-ana-doctor-block{position:relative;width:100%;min-height:min(56rem,max(34rem,51vw));margin:0;padding:clamp(3.5rem,5.5vw,5rem) clamp(1.25rem,7vw,7rem) clamp(2.25rem,4vw,3rem);display:block}.dra-ana-hero .dra-ana-doctor-copy{position:relative;z-index:3;width:min(62vw,70rem);max-width:none;padding:0}.dra-ana-hero .dra-ana-hero-summary{margin-top:clamp(2.25rem,4vw,3.5rem)}.dra-ana-hero .dra-ana-hero-title{width:100%;max-width:none;font-size:clamp(3.5rem,6.2vw,7rem)}.dra-ana-hero .dra-ana-hero-title__highlight{color:var(--dra-teal);font-synthesis:style;font-style:italic}.dra-ana-hero .dra-ana-title-line{display:inline-block;white-space:nowrap}.dra-ana-hero .dra-ana-title-break{display:block}.dra-ana-hero .dra-ana-doctor-visual{position:absolute;z-index:4;top:0;right:0;bottom:0;width:min(30vw,40rem);max-width:none;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none}.dra-ana-hero .dra-ana-doctor-image-wrap{width:100%;height:100%;transform:translateY(clamp(-2.5rem,-6vw,-1.5rem))}.dra-ana-hero .dra-ana-doctor-image-wrap:after{display:none}.dra-ana-hero .dra-ana-doctor-portrait{width:100%;height:100%;aspect-ratio:auto;overflow:visible;border-radius:0;background:transparent;clip-path:none!important}.dra-ana-hero .dra-ana-doctor-portrait img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:center bottom;background:transparent;mix-blend-mode:multiply;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.72) 88%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 76%,rgba(0,0,0,.72) 88%,transparent 100%)}.dra-ana-hero .dra-ana-doctor-details{position:relative;z-index:5;width:min(62vw,70rem);max-width:none;margin-top:clamp(2rem,4vw,3.5rem)}.dra-ana-hero .dra-ana-doctor-meta{z-index:5;pointer-events:auto}.dra-ana-hero .dra-ana-btn:not(.dra-ana-btn--primary),.dra-ana-hero .dra-ana-btn:not(.dra-ana-btn--primary):active,.dra-ana-hero .dra-ana-btn:not(.dra-ana-btn--primary):focus-visible{min-height:2.5rem!important;padding:.625rem 1.25rem!important;border:.0625rem solid var(--dra-teal)!important;border-radius:3rem!important;background:transparent!important;color:var(--dra-teal)!important;font-size:.875rem!important;font-weight:600!important;box-shadow:none!important;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s cubic-bezier(.16,1,.3,1),background .22s ease}.dra-ana-hero .dra-ana-btn:not(.dra-ana-btn--primary):hover{border-color:var(--dra-teal)!important;background:color-mix(in srgb,var(--dra-teal) 12%,transparent)!important;color:var(--dra-teal)!important;transform:translateY(-1px) scale(1.02);box-shadow:0 .5rem 1.25rem color-mix(in srgb,var(--dra-chocolate) 6%,transparent)!important}@media(min-width:48.01rem)and (max-width:72rem){.dra-ana-hero .dra-ana-doctor-copy,.dra-ana-hero .dra-ana-doctor-details{width:min(62vw,56rem)}.dra-ana-hero .dra-ana-hero-title{width:100%;max-width:none;font-size:clamp(3.25rem,6vw,6.5rem)}.dra-ana-hero .dra-ana-doctor-visual{width:min(30vw,34rem)}}@media(min-width:48.01rem)and (max-width:64rem){.dra-ana-hero .dra-ana-doctor-copy{z-index:3}.dra-ana-hero .dra-ana-doctor-copy,.dra-ana-hero .dra-ana-doctor-details{width:min(67vw,42rem)}.dra-ana-hero .dra-ana-hero-title{font-size:clamp(3.5rem,6.8vw,7rem)}.dra-ana-hero .dra-ana-doctor-visual{right:0;width:min(24vw,17rem);justify-content:center;z-index:2}.dra-ana-hero .dra-ana-doctor-image-wrap{transform:none}.dra-ana-hero .dra-ana-hero-title{z-index:4}.dra-ana-hero .dra-ana-doctor-details .dra-ana-btn-row{flex-wrap:nowrap}.dra-ana-hero .dra-ana-doctor-details .dra-ana-btn{min-width:0;flex:1 1 0}.dra-ana-hero .dra-ana-doctor-meta{right:.75rem;bottom:.75rem;width:min(14rem,calc(100% - 1rem));padding:1rem}}@media(min-width:48.01rem)and (max-width:64rem)and (max-height:50rem){.dra-ana-hero .dra-ana-doctor-visual{top:0;bottom:0;height:100%}}.dra-ana-hero .dra-ana-btn:not(.dra-ana-btn--primary),.dra-ana-hero .dra-ana-btn:not(.dra-ana-btn--primary):active,.dra-ana-hero .dra-ana-btn:not(.dra-ana-btn--primary):focus-visible{min-height:3.125rem!important;padding:.875rem 1.4rem!important;font-size:clamp(.9375rem,1vw,1.025rem)!important}@media(max-width:48rem){.dra-ana-hero{min-height:auto}.dra-ana-hero .dra-ana-doctor-block{min-height:auto;padding:clamp(2.75rem,8vw,4.25rem) clamp(1.125rem,5vw,2.25rem) clamp(2rem,5vw,3rem);display:grid;grid-template-columns:1fr;grid-template-areas:"copy" "visual" "details";row-gap:clamp(1.25rem,4.5vw,2.25rem)}.dra-ana-hero .dra-ana-doctor-copy,.dra-ana-hero .dra-ana-doctor-details{width:100%}.dra-ana-hero .dra-ana-hero-title{width:auto;max-width:11ch;font-size:clamp(2.75rem,11.5vw,4.75rem);white-space:normal}.dra-ana-hero .dra-ana-title-line{display:inline;white-space:normal}.dra-ana-hero .dra-ana-title-break{display:none}.dra-ana-hero .dra-ana-hero-summary{margin-top:1.5rem}.dra-ana-hero .dra-ana-doctor-visual{position:relative;inset:auto;width:min(31rem,100%);height:min(38rem,115vw);margin-inline:auto;margin-bottom:clamp(-2.5rem,-6vw,-1.5rem);display:block}.dra-ana-hero .dra-ana-doctor-image-wrap,.dra-ana-hero .dra-ana-doctor-portrait{height:100%}.dra-ana-hero .dra-ana-doctor-details{margin-top:0}}@media(prefers-reduced-motion:reduce){.dra-ana-hero [data-dra-ready=true],.dra-ana-hero [data-dra-ready=true].is-visible,.dra-ana-hero .dra-ana-doctor-portrait[data-dra-ready=true],.dra-ana-hero .dra-ana-doctor-portrait[data-dra-ready=true].is-visible{opacity:1;transform:none;transition:none;clip-path:ellipse(74% 73% at 51% 48%)}.dra-ana-hero .dra-ana-btn,.dra-ana-hero .dra-ana-btn:hover,.dra-ana-hero .dra-ana-btn:active{transform:none!important;transition:none}}section.dra-ana-page.dra-ana-hero .dra-ana-hero-summary{font-size:clamp(1.15rem,1.55vw,1.35rem)!important;line-height:1.6}@media(min-width:48.0625rem){.dra-ana-hero{height:clamp(42rem,82dvh,52rem);min-height:0}.dra-ana-hero .dra-ana-doctor-block{height:100%;min-height:0}.dra-ana-hero .dra-ana-doctor-meta{bottom:clamp(2rem,4vw,3.5rem)}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/dra-ana-hero.css.map */