/* Narrative components: shared headings, project frames, evidence, and destinations. */
body { --story-paper: #faf9f5; --story-ink: #333; --story-muted: #64665e; --story-border: #e5e1d4; --story-accent: #cf3a4e; --story-ease-out: cubic-bezier(.23, 1, .32, 1); background: var(--story-paper); color: var(--story-ink); text-transform: none; }
html { scroll-behavior: auto; }
.skip-link { position: fixed; z-index: 50; left: 16px; top: 12px; padding: 12px 18px; border-radius: 24px; background: #333; color: #fff; transform: translateY(-160%); opacity: 0; pointer-events: none; }
.skip-link:focus { transform: translateY(0); opacity: 1; pointer-events: auto; }
:where(a, button):focus-visible { outline: 2px solid #a72b3d; outline-offset: 5px; }
.story-section { padding-block: 88px; scroll-margin-top: 24px; }
.story-shell { width: min(1096px, calc(100% - 64px)); margin-inline: auto; }
.story-heading { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.story-heading h2, .contact-shell h2 { margin: 0; font-size: clamp(32px, 4vw, 50px); font-weight: 500; line-height: 1.16; letter-spacing: -.04em; text-wrap: balance; }
.story-heading h2 > span { color: var(--story-accent); }
.story-heading .story-deck { max-width: 640px; margin: 24px auto 0; color: var(--story-muted); font-size: 18px; line-height: 1.6; text-wrap: pretty; }
.project-spotlight { min-width: 0; }
#intro { padding: 96px 0 48px; }
.intro-copy { gap: 24px; }
.intro-copy h1 { letter-spacing: -.04em; }
.intro-actions { margin-top: 32px; }
#intro .employer-strip { margin-top: 64px; margin-bottom: 88px; }
.project-spotlight--opening { position: relative; }
.project-spotlight--opening .story-heading { position: relative; z-index: 1; width: min(760px, calc(100% - 48px)); margin-bottom: 56px; }
.project-spotlight--opening .intro-brushstroke { top: -65.1667%; }
.project-frame { position: relative; width: min(960px, 100%); margin: 0 auto; padding: 32px 16px 16px; border: 1px solid rgb(255 255 255 / .45); border-radius: 16px; background: linear-gradient(180deg, rgb(127 127 127 / .10), rgb(186 186 186 / .25)); box-shadow: var(--glass-highlight), 0 12px 32px rgb(0 0 0 / .08); }
.intro-browser.project-frame { width: 100%; background: linear-gradient(to bottom, rgb(127 127 127 / .13), rgb(186 186 186 / .5)), var(--glass-background); box-shadow: var(--glass-highlight), 0 13px 31px rgb(0 0 0 / .16); }
.frame-chrome { position: absolute; top: 11px; left: 14px; display: flex; gap: 4px; }
.frame-chrome i { display: block; width: 6px; height: 6px; border-radius: 50%; background: #fff; }
.project-spotlight--opening .intro-case-study { margin-top: 28px; }
.intro-case-study-action { color: #a72b3d; }
.case-invitation { margin-top: 28px; text-align: center; }
.case-invitation .intro-case-study-link { max-width: 100%; }
.story-text-link { display: inline-flex; gap: 6px; align-items: center; min-height: 44px; color: inherit; font-size: 14px; text-decoration: underline; text-underline-offset: 5px; text-decoration-thickness: 1px; }
.story-browse-link { display: flex; width: fit-content; margin: 24px auto 0; }
.story-pill { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 18px; border-radius: 28px; background: #f0f0f0; color: inherit; font-size: 15px; text-decoration: none; }
@media (hover: hover) and (pointer: fine) {
 .story-pill:hover { outline: 1px solid rgb(51 51 51 / .2); }
 .story-text-link:hover { color: #a72b3d; }
}
#experience { background: var(--story-paper); }
.experience-shell { padding-block: 64px 72px; }
.experience-full-link { display: flex; width: fit-content; margin: 14px auto 0; }
#work.story-section { min-height: 0; background: var(--story-paper); color: var(--story-ink); }
.classroom-preview { width: min(960px, 100%); margin: 0 auto; }
.classroom-preview img { display: block; width: 100%; height: auto; border-radius: 12px; }
.pickup-evidence { display: grid; grid-template-columns: .9fr 1.1fr; gap: 24px; padding: 28px 24px; border-radius: 10px; background: #fff; }
.pickup-evidence > div { min-width: 0; }
.media-eyebrow { margin: 0 0 8px; color: var(--story-muted); font-size: 12px; }
.pickup-evidence h3 { min-height: 58px; margin: 0 0 20px; font-size: 23px; line-height: 1.3; letter-spacing: -.025em; font-weight: 500; text-wrap: balance; }
.pickup-evidence img { display: block; width: 100%; height: 310px; object-fit: contain; }
.curbside-frame > figcaption { padding: 14px 8px 0; }
.practice-features { display: grid; gap: 96px; }
.practice-feature { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); column-gap: 64px; row-gap: 28px; align-items: center; }
.practice-feature--reverse .practice-feature-media { order: 2; }
.practice-feature-media { min-width: 0; margin: 0; }
.practice-feature-media img { display: block; width: 100%; height: auto; border: 1px solid var(--story-border); border-radius: 12px; }
.practice-feature-media figcaption { max-width: 520px; margin: 12px auto 0; color: var(--story-muted); font-size: 13px; line-height: 1.5; text-align: center; text-wrap: pretty; }
.practice-feature-copy { min-width: 0; }
.practice-feature-copy h3 { max-width: 480px; margin: 0; font-size: clamp(28px,2.6vw,34px); line-height: 1.18; letter-spacing: -.035em; font-weight: 500; text-wrap: balance; }
.practice-feature-copy > p { max-width: 460px; margin: 20px 0 0; color: var(--story-muted); font-size: 17px; line-height: 1.6; text-wrap: pretty; }
.practice-feature > .case-invitation { grid-column: 1 / -1; order: 3; margin-top: 0; text-align: center; }
.writing-preview-row { display: grid; grid-template-columns: 160px 1fr; gap: 48px; max-width: 800px; margin: 0 auto; align-items: center; }
.writing-preview-row h3 { margin: 0 0 16px; font-size: 28px; font-weight: 500; line-height: 1.3; letter-spacing: -.03em; }
.writing-preview-row h3 a { color: inherit; text-decoration: none; }
.writing-preview-row h3 a:hover { text-decoration: underline; text-underline-offset: 5px; }
.writing-preview-row p { margin: 0 0 12px; color: var(--story-muted); font-size: 17px; line-height: 1.6; }
.essay-mark { display: flex; flex-direction: column; justify-content: center; gap: 14px; aspect-ratio: 4/5; padding: 24px; border: 1px solid var(--story-border); border-radius: 4px; background: #f2f0e7; }
.essay-mark span { margin-bottom: 10px; font-size: 20px; font-weight: 500; line-height: 1.2; letter-spacing: -.025em; }
.essay-mark i { display: block; height: 2px; background: #d0cbbd; }
.essay-mark i:last-child { width: 65%; }
.contact-section { margin-top: 64px; padding: 80px 24px; background: #efeee7; }
.contact-shell { max-width: 720px; margin: 0 auto; text-align: center; }
.contact-shell > p { max-width: 600px; margin: 24px auto 0; color: var(--story-muted); font-size: 17px; line-height: 1.65; }
.contact-actions { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 24px; margin-top: 32px; }
.story-footer { display: flex; justify-content: space-between; gap: 24px; width: min(1096px,calc(100% - 64px)); margin: 0 auto; padding: 32px 0; font-size: 14px; }
.story-footer > a { flex-shrink: 0; }
.story-footer a { display: inline-flex; align-items: center; min-height: 44px; color: inherit; text-decoration: none; }
.story-footer a:hover { text-decoration: underline; text-underline-offset: 5px; }
.story-footer nav { display: flex; flex-wrap: wrap; gap: 12px 24px; }
@media (max-width: 900px) {
 .story-section { padding-block: 64px; }
 .story-heading { margin-bottom: 36px; }
 .story-heading h2,.contact-shell h2 { font-size: 40px; }
 .pickup-evidence { gap: 16px; padding: 24px 16px; }
 .pickup-evidence img { height: 250px; }
 .story-footer { flex-direction: column; gap: 8px; }
}
@media (max-width: 639px) {
 #intro { padding: 64px 0 32px; }
 .intro-copy h1 { font-size: clamp(40px,11vw,64px); }
 #intro .employer-strip { margin-top: 40px; margin-bottom: 56px; }
 .story-shell { width: calc(100% - 32px); }
 .story-section { padding-block: 48px; }
 .story-heading h2,.contact-shell h2 { font-size: 32px; }
 .story-heading .story-deck { font-size: 17px; margin-top: 20px; }
 .project-spotlight--opening .story-heading { width: calc(100% - 32px); margin-bottom: 32px; }
 .project-frame { padding: 24px 8px 8px; border-radius: 12px; }
 .frame-chrome { top: 9px; left: 12px; }
 .frame-chrome i { width: 5px; height: 5px; }
 .pickup-evidence { grid-template-columns: 1fr; gap: 32px; padding: 24px 16px; }
 .pickup-evidence h3 { min-height: 0; font-size: 22px; margin-bottom: 16px; }
 .pickup-evidence img { height: auto; max-height: 330px; }
 .writing-preview-row { grid-template-columns: 82px 1fr; gap: 20px; align-items: start; }
 .writing-preview-row h3 { font-size: 23px; }
 .essay-mark { padding: 14px; gap: 10px; }
 .essay-mark span { font-size: 14px; margin-bottom: 0; }
 .contact-section { margin-top: 40px; padding-block: 56px; }
 .contact-shell > p { font-size: 16px; }
 .story-footer { width: calc(100% - 32px); padding-block: 24px; }
 .story-footer nav { gap: 4px 20px; }
}
@media print {
 body { background: #fff; }
 .story-section { padding-block: 28px; }
 .skip-link,.site-nav,.employer-strip,.intro-browser-toggle { display: none !important; }
 .project-frame { box-shadow: none; break-inside: avoid; }
 .story-footer { display: block; }
}
@media (max-width:900px) { .practice-feature { column-gap: 32px; } .practice-features { gap: 72px; } }
@media (max-width:639px) {
 .practice-features { gap: 64px; }
 .practice-feature { grid-template-columns: minmax(0,1fr); gap: 28px; }
 .practice-feature--reverse .practice-feature-media { order: 0; }
 .practice-feature-copy h3 { font-size: 28px; }
 .practice-feature-copy > p { margin-top: 16px; font-size: 17px; }
}

/* Process: the product model and the interface it informs. */
.process-section .story-heading { max-width:960px; margin-bottom:80px; }
.process-section .story-heading h2 { font-size:40px; line-height:1.3; letter-spacing:-.025em; }
.process-section .story-heading h2 > span { display:block; }
.process-layer { width:min(960px,100%); margin-inline:auto; }
.process-layer-caption { display:flex; align-items:center; justify-content:center; gap:10px; width:fit-content; max-width:100%; margin:0 auto 24px; padding:4px 18px 4px 4px; border-radius:30px; background:#f0f0f0; }
.process-layer-caption h3 { flex-shrink:0; margin:0; padding:6px 12px; border-radius:30px; background:var(--story-ink); color:#fff; font-size:16px; font-weight:500; line-height:1.2; }
.process-layer-caption p { margin:0; font-size:16px; line-height:1.5; text-wrap:pretty; }
.coffee-model-stage { display:grid; grid-template-columns:226px 273px 226px; justify-content:center; min-height:228px; padding:50px 24px; border-radius:16px; background:transparent; }
/* A one-time scroll reveal; the resting layout keeps all content and its space. */
.process-layer .process-layer-caption.is-caption-reveal { background:transparent; box-shadow:none; filter:drop-shadow(0 0 6px rgb(0 0 0 / .16)) drop-shadow(0 0 2px rgb(0 0 0 / .08)); }
.caption-reveal-surface { position:absolute; z-index:0; inset:0; border-radius:inherit; background:white; pointer-events:none; }
.process-layer-caption.is-caption-reveal h3 { position:relative; z-index:2; }
.process-layer-caption.is-caption-reveal p { position:relative; z-index:1; }
@media (prefers-reduced-motion:reduce), print {
 .process-layer-caption.is-caption-reveal .caption-reveal-surface { clip-path:none!important; }
 .process-layer-caption.is-caption-reveal h3 { transform:none!important; }
 .process-layer-caption.is-caption-reveal p { opacity:1!important; transform:none!important; }
}

.model-entity { position:relative; height:166px; }
.model-attributes { position:absolute; top:-11px; left:0; width:100px; display:grid; grid-template-rows:repeat(3,44px); }
.model-node { position:absolute; z-index:4; top:0; left:156px; width:70px; display:flex; flex-direction:column; align-items:center; gap:8px; }
.model-node > span { font-size:10px; line-height:12px; }
.model-node-icon { position:relative; z-index:1; display:grid; place-items:center; width:70px; height:70px; border-radius:12px; background:white; box-shadow:0 2px 2px rgb(0 0 0 / .08); }
.model-node-icon > img,.coffee-interface-icon > img { display:block; flex-shrink:0; }
.model-field { position:relative; display:flex; align-items:center; justify-content:flex-end; min-width:44px; min-height:44px; width:100%; padding:0; border:0; background:transparent; color:var(--story-ink); font:inherit; cursor:default; }
.model-field-visual { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; gap:6px; padding:6px 12px; border:1px solid #ccc; border-radius:30px; background:white; font-size:12px; font-weight:500; line-height:14px; white-space:nowrap; }
.model-field-visual > img { display:block; flex-shrink:0; }
.model-attribute-connector { position:absolute; z-index:3; left:calc(100% - 1.5px); top:calc(50% - 1.5px); pointer-events:none; }
.model-entity--coffee .model-attribute-connector > img { display:block; transform:scaleX(-1); }
.model-field--quantity .model-attribute-connector { top:calc(50% - 33px); }
.model-action { position:absolute; top:122px; left:191px; width:max-content; transform:translateX(-50%); justify-content:center; }
.model-action-connector { position:absolute; top:-12px; left:calc(50% - 21.25px); z-index:3; pointer-events:none; }
.model-action-connector > img { display:block; transform:rotate(90deg); }
.model-entity--order .model-node { left:0; }
.model-entity--order .model-attributes { left:126px; }
.model-entity--order .model-field { justify-content:flex-start; }
.model-entity--order .model-attribute-connector { left:auto; right:calc(100% - 1.5px); }
.model-entity--order .model-attribute-connector > img { display:block; }
.model-field--total .model-attribute-connector { top:calc(50% - 34px); }
.model-entity--order .model-action { left:35px; justify-content:center; }
.model-relationships { position:relative; height:166px; }
.model-relationship { position:absolute; left:0; width:273px; height:28px; }
.model-relationship > img { position:absolute; top:calc(50% - 3.68198px); left:10px; width:253px; display:block; }
.model-relationship > p { position:relative; z-index:1; display:table; width:max-content; margin:0; padding:4px 8px; border:1px solid #ccc; border-radius:4px; background:#fff; font-size:12px; font-weight:500; line-height:16px; }
.model-relationship > p > span { color:var(--story-accent); }
.model-relationship--order { top:23px; }
.model-relationship--order > p { margin-left:auto; margin-right:28px; }
.model-relationship--coffee { top:60px; }
.model-relationship--coffee > p { margin-left:28px; }

.process-section { padding-top:64px; }
.process-section .story-heading h2 { color:#000; }
.process-grid-ground { position:relative; isolation:isolate; border:1px solid white; box-shadow:inset 0 0 16px rgb(0 0 0 / .16); }
.process-grid-ground::before,.process-grid-ground::after { content:''; position:absolute; z-index:-1; inset:0; border-radius:inherit; pointer-events:none; }
.process-grid-ground::before { background:rgb(51 51 51 / .04); }
.process-grid-ground::after { background-image:linear-gradient(to right, rgb(51 51 51 / .055) 1px, transparent 1px),linear-gradient(to bottom, rgb(51 51 51 / .055) 1px, transparent 1px); background-size:13px 13px; }
.model-node > span { font-weight:700; }
.model-field--static { cursor:default; }
.process-transfer { max-width:800px; margin:52px auto 50px; color:#666; text-align:center; font-size:16px; line-height:1.5; font-weight:400; letter-spacing:-.015em; text-wrap:pretty; }
.process-layer .process-layer-caption { position:relative; z-index:2; margin-bottom:-19px; background:white; box-shadow:0 0 12px rgb(0 0 0 / .16),0 0 4px rgb(0 0 0 / .08); }
.process-layer .process-layer-caption h3 { background:var(--story-accent); font-weight:700; }
.coffee-representation-stage { display:flex; justify-content:center; padding:60px 24px; border-radius:16px; }
.coffee-product-scene { position:relative; width:216px; height:191px; }
.coffee-product { position:absolute; top:33px; left:0; width:216px; height:158px; margin:0; border-radius:12px; background:white; box-shadow:0 2px 2px rgb(0 0 0 / .08); }
.coffee-product > div { min-width:0; margin:0; padding:0; border:0; }
.coffee-product-photo { position:absolute; left:16px; top:-12px; display:block; width:70px; height:90px; object-fit:cover; transform:scaleX(-1); }
.coffee-product h4 { position:absolute; left:94px; top:39px; margin:0; color:#000; font-size:16px; font-weight:700; line-height:20px; }
.coffee-product-price { position:absolute; left:94px; top:59px; margin:0; color:#000; font-size:16px; line-height:20px; }
.coffee-product-quantity { position:absolute; left:22px; top:98px; width:44px; height:44px; }
.coffee-product-quantity-value { display:grid; place-items:center; width:44px; height:44px; padding:0; border:1px solid #ccc; border-radius:50%; background:white; color:var(--story-ink); text-align:center; font:inherit; font-size:16px; }
.coffee-product-add { position:absolute; left:73px; top:98px; width:170px; height:44px; }
.coffee-product-add-label { display:flex; align-items:center; justify-content:center; width:170px; height:44px; padding:8px 16px; border:0; border-radius:30px; background:#146eb3; color:white; box-shadow:0 2px 6px rgb(0 0 0 / .25); font:inherit; font-size:16px; font-weight:500; }
.representation-label { position:absolute; z-index:1; width:max-content; justify-content:center; }
.representation-label--name { left:86px; top:-20px; }
.representation-label--price { left:226px; top:79px; }
.representation-label--quantity { left:-111px; top:130px; }
.representation-label--add { left:269px; top:130px; }
.representation-connector { position:absolute; z-index:3; pointer-events:none; }
.representation-connector img { position:absolute; display:block; }
.representation-connector--name { inset:0; }
.representation-connector--name img:first-child { left:calc(50% - 28px); top:64px; transform:rotate(90deg); }
.representation-connector--name img:last-child { left:calc(50% - 1.5px); top:35px; transform:scaleX(-1); }
.representation-connector--price,.representation-connector--add { inset:0; }
.representation-connector--price img:first-child { right:100%; top:21.5px; }
.representation-connector--add img:first-child { right:100%; top:21.5px; }
.representation-connector--price img:last-child,.representation-connector--add img:last-child { left:-2px; top:20.5px; }
.representation-connector--quantity { left:calc(100% - 1px); top:calc(50% - 1.5px); }
.representation-connector--quantity img { position:relative; transform:scaleX(-1); }
.coffee-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media (max-width:840px) {
 .coffee-model-stage { grid-template-columns:226px; padding:40px 24px; }
 .model-relationships { width:226px; height:273px; }
 .model-relationship { inset:0; width:226px; height:273px; }
 .model-relationship > img { top:calc(50% - 3.68198px); width:253px; left:calc(50% - 126.5px); transform:rotate(90deg); }
 .model-relationship--order > img { left:calc(50% - 126.5px - 18.5px); }
 .model-relationship--coffee > img { left:calc(50% - 126.5px + 18.5px); }
 .model-relationship > p { position:absolute; top:76px; left:50%; margin:0; transform:translateX(-50%); }
 .model-relationship > p { display:block; max-width:226px; white-space:normal; text-align:center; line-height:1.4; }
 .model-relationship--coffee > p { top:168px; }
 .process-layer-caption { padding:8px 16px; gap:10px; border-radius:16px; flex-direction:column; text-align:center; }
 .process-layer-caption p { font-size:15px; }
}
@media (max-width:639px) {
 .process-section { padding-top:48px; }
 .process-section .story-heading h2 { font-size:32px; line-height:1.2; }
 .process-section .story-heading h2 > span { display:inline; }
 .process-section .story-heading { margin-bottom:40px; }
 .process-layer-caption { margin-bottom:24px; }
 .process-transfer { margin-block:36px 40px; }
 .process-layer .process-layer-caption { margin-inline:12px; }
 .coffee-representation-stage { padding:56px 20px 32px; }
 .coffee-product-scene { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); justify-items:center; gap:12px 8px; width:100%; height:auto; }
 .coffee-product { position:relative; top:auto; left:auto; grid-column:1 / -1; width:216px; height:158px; margin:0 auto 20px; transform:translateX(-13.5px); }
 .representation-label { position:relative; left:auto; top:auto; width:max-content; }
 .representation-connector { display:none; }
 }
@media (max-width:374px) { .coffee-model-stage { padding-inline:16px; } .coffee-representation-stage { padding-inline:16px; } .representation-label .model-field-visual { padding-inline:10px; } }
@media print { .coffee-product { box-shadow:none; } }

/* Home: concise project evidence and mentorship alongside restored career and process sections. */
.contact-section.panel { min-height: 0; }
.selected-work { position: relative; isolation: isolate; overflow: hidden; background: var(--story-paper); color: var(--story-ink); }
.project-spotlight--opening .project-context, .selected-work .project-context, .experience-leadership .project-context { margin: 0 0 16px; color: var(--story-muted); font-size: 13px; font-weight: 500; line-height: 1.5; }
.project-outcome { position: relative; z-index: 1; max-width: 640px; margin: 28px auto 0; padding-inline: 16px; color: var(--story-muted); font-size: 16px; line-height: 1.6; text-align: center; text-wrap: pretty; }
.experience-leadership .practice-feature-copy > .project-context { margin-top: 0; }
.experience-leadership .story-text-link { margin-top: 16px; }

/* Browser review: quiet image slots and consistent section typography. */
.experience-header { max-width: 760px; }
.experience-header h2 { font-size: clamp(32px, 4vw, 50px); font-weight: 500; line-height: 1.16; letter-spacing: -.04em; text-wrap: balance; }
.asset-preview { width: min(960px, 100%); margin: 0 auto; }
.asset-browser-frame { -webkit-backdrop-filter: var(--glass-filter); backdrop-filter: var(--glass-filter); }
.asset-placeholder { display: block; width: 100%; height: auto; border-radius: 10px; }

@media (min-width: 640px) and (max-width: 900px) { .experience-header h2 { font-size: 40px; } }
@media (max-width: 639px) { .experience-header h2 { font-size: 32px; } }

/* Keep the closing invitation and temporary Curbside artwork compact. */
#contact { min-height: 0; height: auto; padding-block: 48px; }
#curbside .asset-preview { width: min(640px, 100%); }
#curbside .asset-placeholder { max-width: 100%; }
@media (max-width: 639px) { #contact { padding-block: 40px; } }

/* Case invitations respond to their available column, including the leadership split. */
.intro-case-study, .case-invitation { container-type:inline-size; }
.intro-case-study-link { box-sizing:border-box; display:inline-grid; grid-template-columns:auto minmax(0,1fr) auto; flex-wrap:nowrap; width:max-content; max-width:100%; text-align:left; }
.intro-case-study-title { min-width:0; text-align:left; text-wrap:pretty; }
.intro-case-study-label, .intro-case-study-action { white-space:nowrap; }
.intro-case-study-action { display:inline-flex; align-items:center; gap:6px; }
.intro-case-study-action svg { flex-shrink:0; width:16px; height:16px; }
.intro-case-study-link:focus-visible { outline:3px solid var(--story-accent); outline-offset:4px; }
@container (max-width:680px) {
 .intro-case-study-link { width:100%; grid-template-columns:minmax(0,1fr); justify-items:start; gap:12px; padding:20px; border-radius:16px; font-size:16px; line-height:1.45; }
 .intro-case-study-label { padding:0; border-radius:0; background:none; color:var(--story-muted); font-size:12px; }
 .intro-case-study-title { font-size:18px; }
 .intro-case-study-action { font-size:14px; text-decoration:underline; text-underline-offset:3px; }
}
.experience-header h2 { overflow-wrap:anywhere; }