.ivy-intro--portrait { padding: clamp( 72px, 10vw, 152px ) clamp( 20px, 5vw, 72px ); }
.ivy-intro--portrait .ivy-intro__inner { display: grid; --ivy-gap: clamp( 48px, 8vw, 128px ); column-gap: var( --ivy-gap ); row-gap: var( --ivy-row-gap, clamp( 48px, 8vw, 128px ) ); grid-template-columns: minmax( 280px, calc( ( 100% - var( --ivy-gap ) ) * var( --ivy-columns, 39 ) / 100 ) ) minmax( 0, 1fr ); max-width: 1320px; margin-inline: auto; }
.ivy-intro--portrait .ivy-intro__media { min-height: 100%; margin: 0; overflow: hidden; border-radius: var( --ivy-media-border-radius, 2px ); }
.ivy-intro--portrait .ivy-intro__media img { display: block; width: 100%; height: 100%; min-height: 620px; object-fit: cover; border-radius: inherit; }
.ivy-intro--portrait .ivy-intro__content { align-self: center; }
.ivy-intro--portrait .ivy-intro__eyebrow { display: block; margin-bottom: 16px; color: var( --ivy-eyebrow-color, var( --ivy-accent, rgb( 112 91 62 ) ) ); font-size: var( --ivy-font-label ); font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.ivy-intro--portrait .ivy-intro__title { margin: 0; color: var( --ivy-title-color, var( --ivy-ink, rgb( 17 17 17 ) ) ); font-size: var( --ivy-font-h2 ); line-height: 1; }
.ivy-intro--portrait .ivy-intro__text { max-width: 62ch; margin-top: 26px; color: var( --ivy-text-color, var( --ivy-muted, rgb( 82 82 82 ) ) ); line-height: 1.72; }
.ivy-intro--portrait .ivy-intro__text > :first-child { margin-top: 0; } .ivy-intro--portrait .ivy-intro__text > :last-child { margin-bottom: 0; }
.ivy-intro--portrait .ivy-intro__quote { position: relative; margin: 34px 0; padding: 24px 28px 24px 52px; border-left: 2px solid var( --ivy-quote-border-color, var( --ivy-accent, rgb( 112 91 62 ) ) ); background: var( --ivy-quote-background-color, var( --ivy-soft, rgb( 245 242 236 ) ) ); color: var( --ivy-quote-color, var( --ivy-ink, rgb( 17 17 17 ) ) ); }
.ivy-intro--portrait .ivy-intro__quote::before { position: absolute; top: 18px; left: 18px; color: var( --ivy-accent, rgb( 112 91 62 ) ); content: "“"; font-size: var( --ivy-font-h4 ); line-height: 1; }
.ivy-intro--portrait .ivy-intro__quote p { margin: 0; font-size: var( --ivy-font-h4 ); line-height: 1.5; }
.ivy-intro--portrait .ivy-intro__quote cite { display: block; margin-top: 12px; font-size: var( --ivy-font-h4 ); font-style: normal; font-weight: 700; }
.ivy-intro--portrait .ivy-intro__commitments { margin: 0; padding: 0; border-top: 1px solid var( --ivy-rule-border-color, rgb( 17 17 17 / 16% ) ); list-style: none; }
.ivy-intro--portrait .ivy-intro__commitment { display: grid; grid-template-columns: 40px 1fr; gap: 16px; padding-block: 17px; border-bottom: 1px solid var( --ivy-rule-border-color, rgb( 17 17 17 / 16% ) ); }
.ivy-intro--portrait .ivy-intro__commitment-number { color: var( --ivy-accent, rgb( 112 91 62 ) ); font-variant-numeric: tabular-nums; }
.ivy-intro--portrait .ivy-intro__commitment-title, .ivy-intro--portrait .ivy-intro__commitment-text { display: block; }
.ivy-intro--portrait .ivy-intro__commitment-title { color: var( --ivy-item_title-color, var( --ivy-ink, rgb( 17 17 17 ) ) ); }
.ivy-intro--portrait .ivy-intro__commitment-text { margin-top: 4px; color: var( --ivy-item_text-color, var( --ivy-muted, rgb( 82 82 82 ) ) ); line-height: 1.5; }
.ivy-intro--portrait .ivy-intro__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.ivy-intro--portrait .ivy-intro__cta { display: inline-flex; min-height: 44px; align-items: center; padding: .78em 1.5em; border-radius: var( --ivy-cta-border-radius, 999px ); background: var( --ivy-cta-background-color, var( --ivy-accent, rgb( 17 17 17 ) ) ); color: var( --ivy-cta-color, var( --ivy-surface, rgb( 255 255 255 ) ) ); font-weight: 700; text-decoration: none; }
.ivy-intro--portrait .ivy-intro__cta--secondary { border: var( --ivy-cta_secondary-border-width, 1px ) solid var( --ivy-cta_secondary-border-color, var( --ivy-ink, rgb( 17 17 17 ) ) ); background: var( --ivy-cta_secondary-background-color, transparent ); color: var( --ivy-cta_secondary-color, var( --ivy-ink, rgb( 17 17 17 ) ) ); }
.ivy-intro--portrait .ivy-intro__cta:focus-visible { outline: 3px solid currentcolor; outline-offset: 4px; }
.ivy-intro--portrait.ivy-intro--media-right .ivy-intro__media { order: 1; }
@media ( max-width: 900px ) { .ivy-intro--portrait.ivy-intro--media-right .ivy-intro__media { order: 0; } }
@media ( max-width: 900px ) { .ivy-intro--portrait .ivy-intro__inner { grid-template-columns: 1fr; } .ivy-intro--portrait .ivy-intro__media img { min-height: 0; aspect-ratio: 16 / 10; } }