@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("assets/manrope-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: Manrope;
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("assets/manrope-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("assets/inter-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 400 700;
  font-display: swap;
  src: url("assets/inter-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
  color-scheme: light;
  --ink: #08182d;
  --paper: #f3f7fc;
  --soft: #e5eef9;
  --white: #f5f9ff;
  --muted: #405671;
  --accent: #a6d6ff;
  --line: #ccd9e8;
  --sans: Inter, "Helvetica Neue", Arial, sans-serif;
  --display: Manrope, Inter, "Helvetica Neue", Arial, sans-serif;
}
*, *::before, *::after { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font: 1rem/1.6 var(--sans); }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: .25em; }
button, select, textarea { font: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid #327bc5; outline-offset: 4px; }
img { display: block; max-width: 100%; }
h1, h2, h3, p, figure, dl, dd { margin: 0; }
h1, h2, h3 { font-weight: 500; }
h1, h2 { font-family: var(--display); line-height: 1.03; letter-spacing: -.055em; font-weight: 750; }
p { max-width: 68ch; }
.shell { width: min(1240px, calc(100% - 112px)); margin-inline: auto; }
.section { padding-block: clamp(68px, 8vw, 116px); }
.skip { position: fixed; top: 10px; left: 10px; z-index: 3; padding: .5rem 1rem; transform: translateY(-160%); background: var(--accent); color: var(--ink); }
.skip:focus { transform: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.site-header { background: #08182d; color: var(--white); border-bottom: 1px solid #233957; }
.header-inner, .footer-inner { display: flex; align-items: center; justify-content: space-between; gap: 1rem 2rem; min-height: 78px; }
.brand, nav { display: flex; align-items: center; gap: clamp(16px, 2.7vw, 38px); }
.brand { font-size: .93rem; font-weight: 700; gap: 11px; white-space: nowrap; }
.monogram { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #4b6e94; border-radius: 7px; color: var(--accent); font: 750 .85rem var(--display); }
nav a { font-size: .83rem; font-weight: 600; padding-block: 7px; }
nav a span { margin-left: 6px; }
.nav-contact { color: var(--accent); }
.hero { background: #08182d; color: var(--white); }
.hero-inner { display: grid; grid-template-columns: 1.12fr .88fr; min-height: clamp(530px, 48vw, 660px); }
.hero-copy { align-self: center; padding-block: clamp(58px, 7vw, 102px); padding-right: 1.5rem; position: relative; z-index: 1; }
.eyebrow { font: 700 .73rem/1.45 var(--sans); letter-spacing: .16em; text-transform: uppercase; }
.hero-label { color: var(--accent); display: flex; align-items: center; gap: 10px; margin-bottom: 24px; }
.hero-label span { width: 7px; height: 7px; border-radius: 50%; background: currentColor; }
.hero h1 { font-size: clamp(4.5rem, 8.6vw, 8.25rem); white-space: nowrap; }
.hero h1 span { color: var(--accent); font-weight: inherit; }
.hero-subtitle { font-size: clamp(1.35rem, 2.15vw, 2.05rem); line-height: 1.24; letter-spacing: -.035em; margin-top: 30px; }
.hero-summary { color: #c0d1e7; max-width: 41ch; margin-top: 18px; }
.hero-art { position: relative; background: #254367 linear-gradient(145deg, #16365c42, #477aa940); background-image: linear-gradient(145deg, #16365c42, #477aa940), url("assets/oahu-coast.jpg"); background-position: center 51%; background-size: cover; margin-right: min(0px, (1240px - 100vw) / 2); }
.hero-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #08182d 0%, #08182d5c 23%, transparent 65%), linear-gradient(0deg, #08182d6e, transparent 55%); }
.actions { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; margin-top: 32px; }
.button { display: inline-flex; align-items: center; justify-content: center; gap: 1rem; min-height: 48px; padding: 10px 17px; border: 1px solid transparent; border-radius: 8px; font-size: .81rem; font-weight: 700; line-height: 1.25; }
.button:hover { text-decoration: none; }
.button span, .text-link span { font-size: .95em; }
.button-accent { background: var(--accent); color: var(--ink); }
.button-accent:hover { background: #d3eaff; }
.button-ghost { border-color: #6987a9; color: var(--white); }
.button-ghost:hover { background: #1a3657; }
.button-dark { color: var(--white); background: var(--ink); }
.button-dark:hover { background: #1a3657; }
.proof { background: #d8e9fa; }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); padding-block: 26px; }
.proof-grid div { padding: 5px 21px; border-right: 1px solid #afc8e1; }
.proof-grid div:first-child { padding-left: 0; }
.proof-grid div:last-child { border-right: 0; }
.proof-grid strong { display: block; font: 750 clamp(2rem, 3.7vw, 3.35rem)/1.05 var(--display); letter-spacing: -.055em; }
.proof-grid span { display: block; font-size: .79rem; line-height: 1.35; max-width: 23ch; margin-top: 6px; }
.section-heading { display: grid; grid-template-columns: 1.35fr .65fr; align-items: end; gap: 1rem 2rem; margin-bottom: 30px; }
.section-heading > p, .about-copy > p:not(.eyebrow) { color: var(--muted); }
.section h2, .resume-main h1 { font-size: clamp(2.5rem, 5.9vw, 5.35rem); margin-top: 8px; }
.filters { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: 26px; }
.filters button { min-height: 40px; padding: .42rem .82rem; border-radius: 6px; color: var(--ink); border: 1px solid #acbfd5; background: transparent; font-size: .78rem; }
.filters button:hover { background: var(--soft); }
.filters button[aria-pressed="true"] { background: var(--ink); border-color: var(--ink); color: var(--white); }
.case-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 15px; align-items: start; }
.case { grid-column: span 2; border: 1px solid var(--line); border-radius: 12px; background: #ffffff; }
.case-feature { grid-column: span 3; color: var(--white); border-color: transparent; }
.case-flight { background: #14385c; }
.case-campus { background: #1b496e; }
.case summary { display: flex; flex-direction: column; align-items: flex-start; min-height: 208px; padding: clamp(17px, 2.2vw, 31px); cursor: pointer; list-style: none; }
.case-feature summary { min-height: 238px; }
.case summary::-webkit-details-marker { display: none; }
.case summary:hover .case-more { text-decoration: underline; text-underline-offset: .2em; }
.case-type { font-size: .66rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #285c8d; }
.case-title { font: 750 clamp(1.33rem, 1.95vw, 1.98rem)/1.18 var(--display); letter-spacing: -.045em; margin-top: 10px; }
.case-feature .case-title { font-size: clamp(1.75rem, 3.5vw, 3.15rem); }
.case-deck { font-size: .9rem; color: var(--muted); margin: 10px 0 16px; }
.case-feature .case-type, .case-feature .case-more { color: var(--accent); }
.case-feature .case-deck { color: #e3effc; }
.case-more { display: flex; justify-content: space-between; align-items: center; width: 100%; gap: 10px; font-size: .76rem; font-weight: 700; margin-top: auto; }
.case-more > span:last-child { font-size: 1rem; }
.less-label, details[open] .more-label { display: none; }
details[open] .less-label { display: inline; }
.case-body { padding: 0 clamp(17px, 2.2vw, 31px) clamp(17px, 2.2vw, 31px); font-size: .91rem; }
.case-body p { border-top: 1px solid var(--line); padding-top: 11px; }
.case-feature .case-body p { border-color: #668bab; }
.case-body p + p { margin-top: 11px; }
.case-photo { margin-top: 16px; }
.case-photo img { width: 100%; height: auto; border-radius: 10px; }
.acting { background: #102742; color: var(--white); }
.acting .eyebrow { color: var(--accent); }
.acting-layout, .about-layout, .qualifications, .contact-layout { display: grid; grid-template-columns: 1.1fr .9fr; gap: clamp(26px, 6vw, 90px); }
.acting-intro { font-size: 1.13rem; margin-top: 23px; color: #dcecff; max-width: 49ch; }
.acting-facts { margin-block: 26px; }
.acting-facts div { display: grid; grid-template-columns: 88px 1fr; padding: 9px 0; border-top: 1px solid #426283; gap: .75rem; }
.acting-facts dt, .credit-list span { font-size: .78rem; color: #bdcfe6; }
.acting-facts dd { font-size: .88rem; }
.acting-list-title { margin-top: 29px; }
.credit-list { list-style: none; padding: 0; margin: 10px 0 0; border-bottom: 1px solid #426283; }
.credit-list li { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 0; border-top: 1px solid #426283; }
.credit-list cite { font: 650 clamp(1.3rem, 2.6vw, 1.9rem)/1.15 var(--display); }
.acting-aside { align-self: center; background: #173453; padding: clamp(22px, 4vw, 52px); border: 1px solid #45668b; border-radius: 12px; }
.acting-aside h3, .qualifications h3 { font: 750 clamp(1.5rem, 2.8vw, 2.45rem)/1.1 var(--display); letter-spacing: -.045em; }
.acting-aside p { margin: 15px 0 24px; color: #e3edfa; }
.about-layout { align-items: center; grid-template-columns: .85fr 1.15fr; }
.portrait { border-radius: 12px; background: var(--soft); overflow: hidden; }
.portrait img { width: 100%; object-fit: cover; aspect-ratio: 1.28; }
.about-copy > p:not(.eyebrow) { margin-top: 18px; }
.text-link { font-size: .84rem; text-decoration: underline; text-underline-offset: .25em; }
.qualifications { margin-top: clamp(48px, 7vw, 92px); padding-top: 28px; border-top: 1px solid var(--line); grid-template-columns: 1fr 1fr; }
.education { margin-top: 14px; }
.education > div { padding-block: 9px; border-bottom: 1px solid var(--line); }
.education dt { font-size: .91rem; font-weight: 700; }
.education dd { font-size: .86rem; color: var(--muted); }
.alumni-spotlight { display: inline-flex; align-items: center; gap: 12px; max-width: 100%; margin-top: 16px; padding: 8px 12px 8px 8px; border: 1px solid var(--line); border-radius: 8px; line-height: 1.4; }
.alumni-spotlight:hover, .alumni-spotlight:focus-visible { background: var(--soft); text-decoration: none; }
.alumni-spotlight:hover .alumni-spotlight-title, .alumni-spotlight:focus-visible .alumni-spotlight-title { text-decoration: underline; text-underline-offset: .23em; }
.alumni-spotlight-portrait { position: relative; flex: 0 0 56px; height: 64px; overflow: hidden; border-radius: 5px; background: var(--ink); }
.alumni-spotlight-portrait img { position: absolute; top: -22px; left: -100%; width: 300%; max-width: none; height: auto; }
.alumni-spotlight-title { display: block; font-size: .88rem; }
.alumni-spotlight-date { display: block; margin-top: 3px; color: var(--muted); font-size: .75rem; }
.contact { background: #e4f0fc; }
.contact-layout { align-items: start; }
.contact h2 { margin-bottom: 20px; }
.contact-links { display: flex; flex-wrap: wrap; gap: 10px 24px; margin-top: 22px; font-size: .91rem; font-weight: 700; }
.contact-links a { text-decoration: underline; text-underline-offset: .24em; overflow-wrap: anywhere; }
.contact-form { display: grid; gap: 7px; }
.contact-form label { font-size: .85rem; font-weight: 700; }
.contact-form select, .contact-form textarea { width: 100%; min-height: 44px; border: 1px solid #9bb1ca; border-radius: 6px; padding: 9px 10px; background: #f9fcff; color: var(--ink); }
.contact-form textarea { resize: vertical; }
.contact-form label:not(:first-child) { margin-top: 6px; }
.contact-form .button { background: var(--ink); color: var(--white); justify-self: start; margin-top: 8px; }
.contact-form .button:hover { background: #1a3657; }
.contact-form p { font-size: .79rem; color: var(--muted); }
.site-footer { background: var(--ink); color: var(--white); font-size: .82rem; }
.resume-main { max-width: 950px; }
.resume-main .eyebrow { margin-top: 34px; }
.resume-main .resume-intro { font-size: 1.12rem; margin-top: 20px; }
.resume-main h2 { font-size: clamp(2.1rem, 5vw, 3.2rem); margin: 40px 0 18px; }
.resume-role { border-top: 1px solid var(--line); padding: 16px 0; }
.resume-role h3 { font-weight: 700; font-size: 1rem; }
.resume-role p { max-width: 85ch; margin-top: 5px; }
.resume-date { font-size: .84rem; color: var(--muted); }
.resume-main .button { margin-top: 16px; }
.credit-list a { min-width: 0; }
.credit-list span { flex-shrink: 0; }
.casting-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(122px, 20vw, 188px);
  align-items: center;
  gap: clamp(18px, 5vw, 58px);
  padding-bottom: 28px;
  border-bottom: 1px solid var(--line);
}
.casting-header .eyebrow { margin-top: 0; }
.casting-headshot { width: 100%; height: auto; border: 1px solid var(--line); border-radius: 12px; }
.casting-contact { margin-top: 12px; overflow-wrap: anywhere; }
.casting-contact .text-link { font-size: inherit; }
.casting-union { color: var(--muted); font-size: .9rem; }
.casting-credits { display: grid; grid-template-columns: 1.08fr 1fr; gap: 0 clamp(22px, 5vw, 58px); }
.casting-section h2 { font-size: clamp(1.55rem, 3vw, 2rem); margin: 26px 0 10px; letter-spacing: -.035em; }
.casting-section .resume-role { padding-block: 9px; }
.casting-section .resume-role p { margin-top: 3px; }
.casting-detail { color: var(--muted); font-weight: 500; font-size: .9em; }
.casting-table { border-collapse: collapse; width: 100%; margin-top: 6px; font-size: .9rem; }
.casting-table th, .casting-table td { padding: 5px 0; text-align: left; vertical-align: top; }
.casting-table th:first-child { width: 7.6em; padding-right: 12px; }
.casting-table thead th { color: var(--muted); border-bottom: 1px solid var(--line); font-size: .87em; }
.casting-table tbody th { font-weight: 550; }
.casting-table tbody tr + tr { border-top: 1px solid var(--line); }
.casting-skills { border-top: 1px solid var(--line); margin-top: 14px; }
.casting-skills p + p { margin-top: 5px; }
@media (max-width: 1050px) {
  .shell { width: calc(100% - 72px); }
  .hero-art { margin-right: -36px; }
  .hero h1 { font-size: clamp(4rem, 9vw, 6.4rem); }
}
@media (max-width: 760px) {
  .shell { width: calc(100% - 40px); }
  .header-inner { min-height: 65px; gap: 8px; }
  nav { gap: clamp(7px, 2.2vw, 15px); flex-wrap: wrap; justify-content: flex-end; }
  .nav-contact span { display: none; }
  .hero-inner { grid-template-columns: 1fr; position: relative; min-height: 0; }
  .hero-copy { padding-right: 0; padding-block: 66px; }
  .hero-art { position: absolute; inset: 0 -20px 0 10%; margin: 0; opacity: .55; }
  .hero-art::after { background: linear-gradient(90deg, #08182d, #08182d5a 58%, transparent); }
  .hero h1 { font-size: clamp(3.1rem, 10.5vw, 5.5rem); }
  .proof-grid { grid-template-columns: repeat(2, 1fr); gap: 14px 0; }
  .proof-grid div:nth-child(odd) { padding-left: 0; }
  .proof-grid div:nth-child(even) { border-right: 0; }
  .section-heading, .acting-layout, .about-layout, .qualifications, .contact-layout { grid-template-columns: 1fr; }
  .case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 11px; }
  .case, .case-feature { grid-column: span 1; }
  .case summary, .case-feature summary { min-height: 185px; }
  .portrait { max-width: 500px; }
}
@media (max-width: 420px) {
  .shell { width: calc(100% - 32px); }
  .brand > span:last-child { display: none; }
  .hero-art { right: -16px; }
  .case-grid { grid-template-columns: 1fr; }
  .case summary, .case-feature summary { min-height: 0; }
}
@media screen and (max-width: 640px) {
  .casting-credits { grid-template-columns: minmax(0, 1fr); }
  .casting-header { grid-template-columns: minmax(0, 1fr); }
  .casting-headshot { width: 136px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
@media print {
  .site-header, .site-footer, .no-print { display: none !important; }
  body { color: #000; background: #fff; font-size: 10.5pt; }
  .shell { width: 100%; }
  .section { padding: 0; }
  .resume-main h1 { font-size: 34pt; }
  .resume-main h2 { font-size: 21pt; margin-top: 20px; }
  .resume-main .eyebrow { margin-top: 0; }
  .resume-role { break-inside: avoid; padding-block: 7px; }
  .casting-resume { font-size: 10pt; line-height: 1.36; }
  .casting-header { grid-template-columns: 1fr 0.85in; gap: 0.24in; padding-bottom: 10pt; }
  .casting-header .resume-intro, .casting-contact { margin-top: 5pt; }
  .casting-header .resume-intro { font-size: 11pt; }
  .casting-headshot { border-radius: 4pt; }
  .casting-credits { gap: 0 0.26in; }
  .casting-section h2 { font-size: 15pt; margin: 12pt 0 4pt; break-after: avoid; }
  .casting-section .resume-role { padding-block: 4pt; }
  .casting-section .resume-role h3, .casting-table { font-size: 10pt; }
  .casting-section .resume-date, .casting-union { font-size: 9pt; }
  .casting-table th, .casting-table td { padding-block: 2pt; }
  .casting-skills { margin-top: 7pt; }
}
.hero { overflow: clip; }
.arrow { display: inline-block; width: .78em; height: .78em; flex: none; position: relative; vertical-align: .04em; }
.arrow::before, .arrow::after { content: ""; position: absolute; display: block; }
.arrow::before { inset: 0 0 auto auto; width: .55em; height: .55em; border-top: 1px solid; border-right: 1px solid; }
.arrow::after { top: .34em; left: -.08em; width: .94em; border-top: 1px solid; transform: rotate(-45deg); }
@media (max-width: 420px) {
  .hero h1 { font-size: clamp(2.5rem, 11.2vw, 3.1rem); }
}

.case-project-link { display: inline-block; margin-top: 15px; }
.projects { background: #e9f2fc; }
.projects .eyebrow { color: #285c8d; }
.project-group + .project-group { margin-top: clamp(35px, 6vw, 70px); }
.project-group h3 { margin-bottom: 13px; font: 750 clamp(1.35rem, 2.8vw, 2.1rem)/1.2 var(--display); letter-spacing: -.03em; }
.project-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.project-grid-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.project-video { display: grid; align-content: start; overflow: hidden; min-width: 0; border: 1px solid var(--line); border-radius: 12px; background: #fff; }
.project-video:hover { text-decoration: none; }
.project-video:hover strong { text-decoration: underline; text-underline-offset: .2em; }
.project-poster { position: relative; display: block; overflow: hidden; aspect-ratio: 16 / 9; background: linear-gradient(145deg, #325e8b, #102742); }
.project-poster img { width: 100%; height: 100%; object-fit: cover; }
.play-icon { position: absolute; bottom: 12px; left: 12px; display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid #a6d6ff; border-radius: 50%; background: #08182de0; color: var(--white); }
.play-icon::after { content: ""; margin-left: 2px; border: 7px solid transparent; border-right: 0; border-left: 11px solid currentColor; }
.project-video:hover .play-icon, .project-video:focus-visible .play-icon { background: var(--accent); color: var(--ink); }
.project-video-info { display: grid; gap: 3px; padding: 13px 15px 15px; }
.project-video-info strong { font-size: .96rem; line-height: 1.25; }
.project-video-info > span { color: var(--muted); font-size: .78rem; }
.proposal { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(20px, 4vw, 52px); align-items: center; }
.proposal h4 { margin: 7px 0 12px; font: 750 clamp(1.65rem, 3.1vw, 2.75rem)/1.12 var(--display); letter-spacing: -.04em; }
.proposal-copy p:not(.eyebrow) { color: var(--muted); margin-bottom: 12px; }
.video-dialog { width: min(920px, calc(100% - 32px)); max-height: calc(100% - 32px); border: 1px solid #486788; border-radius: 14px; padding: clamp(12px, 2vw, 22px); color: var(--white); background: var(--ink); }
.video-dialog::backdrop { background: #08182dda; }
.video-dialog-heading { display: flex; gap: 12px; justify-content: space-between; align-items: center; margin-bottom: 12px; }
.video-dialog-heading h2 { font-size: clamp(1.1rem, 2.4vw, 1.7rem); letter-spacing: -.025em; }
.video-dialog-heading button { min-height: 38px; padding: 5px 12px; color: var(--white); background: #1a3657; border: 1px solid #6987a9; border-radius: 6px; }
.video-dialog-player { aspect-ratio: 16 / 9; background: #000; }
.video-dialog-player iframe { display: block; width: 100%; height: 100%; border: 0; }
.video-dialog-link { display: inline-block; margin-top: 10px; color: var(--accent); }
@media (max-width: 900px) {
  .project-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 530px) {
  .project-grid, .proposal { grid-template-columns: 1fr; }
}

.hero-portrait {
  align-self: center;
  justify-self: end;
  width: min(100%, 410px);
  margin-block: 38px;
  overflow: hidden;
  border: 1px solid #6987a9;
  border-radius: 16px;
  background: #254367;
}
.hero-portrait img { width: 100%; height: auto; }
.acting-feature { min-width: 0; display: grid; gap: 18px; }
.acting .pbs-feature { color: var(--ink); }
.acting-facts a { overflow-wrap: anywhere; }
@media (max-width: 760px) {
  .hero-portrait { justify-self: start; width: min(100%, 350px); margin: 0 0 42px; }
  .hero-copy { padding-bottom: 26px; }
}