/* Michael Atanda — emerald, midnight and dusty rose */
:root {
  --paper:#f6f3ef;
  --white:#fffcf8;
  --ink:#102a32;
  --soft-ink:#52636a;
  --line:#cbd4cf;
  --sage:#e6eee9;
  --dark:#0e473e;
  --deep:#0c1e2d;
  --accent:#884c5e;
  --pink:#f0e4e5;
  --rose:#d8aab4;
  --emerald:#0e473e;
}
body {background:var(--paper);color:var(--ink)}
::selection {background:var(--rose);color:var(--deep)}
:focus-visible {outline-color:var(--accent)}
.skip-link:focus-visible {outline-color:var(--rose)}
.site-header :focus-visible,.hero :focus-visible,.scoop-project :focus-visible,.other-project :focus-visible,.process-section :focus-visible,.investment-note :focus-visible,.contact-section :focus-visible,.case-footer :focus-visible,.cv-hero :focus-visible,.cv-impact :focus-visible,.cv-close :focus-visible {outline-color:var(--rose)}
.site-header {background:rgba(12,30,45,.97);border-bottom:1px solid rgba(255,255,255,.15);color:var(--white)}
.header-inner {min-height:82px}
.brand {display:inline-flex;align-items:center}
.brand-lockup {display:flex;flex-direction:column}
.brand-name {font-size:27px;line-height:1.04;letter-spacing:-.068em;font-weight:700}
.brand-name em {font-family:var(--serif);font-size:1.16em;font-weight:400;font-style:italic;letter-spacing:-.045em;margin-left:.17em}
.brand-dot,.footer-brand span {color:var(--rose)}
.brand-dot {font-size:.88em;letter-spacing:0}
.brand-descriptor {margin-top:6px;color:#b8c9c6;font-size:10px;letter-spacing:.16em}
.footer-brand {font-size:23px;letter-spacing:-.06em;white-space:nowrap}
.footer-brand em {font-family:var(--serif);font-size:1.17em;font-weight:400;font-style:italic;letter-spacing:-.045em;margin-left:.17em}
.main-nav a {color:#dee7e4;font-weight:500;padding-block:14px}
.main-nav a:hover,.main-nav a[aria-current="page"] {color:var(--rose)}
.header-cta {background:var(--rose);color:var(--deep);padding:13px 19px}
.header-cta:hover {background:var(--white);color:var(--deep)}
.hero {display:block;min-height:0;overflow:hidden;background:var(--deep);color:#fff}
.hero-grid {display:grid;grid-template-columns:57% 43%;min-height:735px}
.hero-copy {position:relative;z-index:2;min-width:0;padding:86px 32px 37px 0;align-items:flex-start}
.hero .eyebrow {margin-bottom:44px;color:var(--rose);letter-spacing:.16em;font-size:11px}
.hero .eyebrow-rule {background:var(--rose);width:37px}
.hero .eyebrow-dot {color:var(--rose)}
.hero h1 {max-width:none;margin:0 0 31px;font-size:clamp(65px,6.18vw,96px);line-height:.98;letter-spacing:-.078em;font-weight:600}
.hero h1 em {color:var(--rose);white-space:normal}
.title-dot {color:var(--rose)}
.hero-lede {max-width:535px;color:#d7e0dc;font-size:18px;line-height:1.57}
.hero-actions {margin-top:33px;gap:28px}
.hero .button-dark {background:var(--rose);color:var(--deep);min-width:170px}
.hero .button-dark:hover {background:#fff;transform:translateY(-2px)}
.hero .button-text {color:#fff;border-color:rgba(255,255,255,.65)}
.hero .button-text:hover {color:var(--rose);border-color:var(--rose)}
.hero-proof {width:min(100%,585px);display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid rgba(255,255,255,.23);margin-top:auto;padding-top:22px}
.hero-proof>span {font-size:10px;letter-spacing:.15em;font-weight:700;color:#a8c1b9}
.hero-proof p {display:flex;align-items:center;gap:13px;margin:0;font-size:12px;font-weight:600}
.hero-proof p>span {color:#648073}
.hero-proof a:hover {color:var(--rose)}
.hero-art {position:relative;isolation:isolate;min-height:735px;background:#263646;margin-right:calc((min(1340px,100vw - 96px) - 100vw)/2);overflow:hidden}
.hero-photo {position:absolute;inset:0;overflow:hidden}
.hero-photo img {width:100%;height:100%;object-fit:cover;object-position:53% 50%;filter:saturate(.66) contrast(1.06)}
.hero-photo::after {content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,30,45,.48),transparent 35%),linear-gradient(0deg,rgba(12,30,45,.87),rgba(12,30,45,.06) 46%),linear-gradient(180deg,rgba(20,75,62,.23),transparent 55%)}
.hero-monogram {position:absolute;z-index:1;left:-12%;bottom:3%;font-size:clamp(280px,33vw,530px);line-height:.75;letter-spacing:-.17em;font-weight:700;color:rgba(161,200,184,.19);pointer-events:none}
.hero-monogram span {color:rgba(216,170,180,.55)}
.hero-accent {position:absolute;z-index:2;right:0;top:18%;width:23%;height:30%;background:rgba(190,126,145,.48);mix-blend-mode:screen;pointer-events:none}
.portrait-label {position:absolute;z-index:3;left:38px;right:38px;bottom:33px;display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.55);padding-top:14px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.17em}
.hero-baseline {min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:700;letter-spacing:.12em;color:#b6cac4}
.hero-baseline a {color:#fff}.hero-baseline a:hover {color:var(--rose)}
.hero-baseline a span {font-size:17px;margin-left:13px}
.section-pad {padding-block:120px}
.section-heading {gap:7%}
.section-label {color:var(--accent);letter-spacing:.17em}
.section-heading h2,.about-copy h2 {letter-spacing:-.07em}
.section-heading h2 em,.about-copy h2 em {color:var(--emerald)}
.section-heading>p {color:#57646a}
.work-section {background:var(--paper)}
.work-heading {border-top:1px solid #b7b9b2;padding-top:30px;margin-bottom:60px}
.feature-project {grid-template-columns:55% 45%;min-height:575px;margin-bottom:20px;border:0}
.project-image {padding:48px;background:#216b5c}
.scoop-project {background:var(--emerald);color:#fff}
.scoop-project .project-image {background:radial-gradient(circle at 43% 50%,#377a6a 0%,#19574b 48%,#0b372f 100%)}
.project-image-inner {box-shadow:0 30px 75px rgba(12,20,29,.23);border:0}
.browser-edge {color:#4c5e56;font-size:11px}
.project-image:hover .project-image-inner {transform:translateY(-7px)}
.image-link-label {color:rgba(255,255,255,.94);bottom:20px;font-size:11px}
.project-copy {padding:clamp(38px,4vw,68px)}
.project-topline {color:#d1e4db;font-size:11px}
.project-topline span:last-child {color:#ead0d6}
.project-copy h3 {margin:70px 0 17px;font-size:clamp(46px,4.7vw,72px);letter-spacing:-.07em}
.scoop-project .title-period {color:var(--rose)}
.scoop-project .project-summary {color:#e7f1eb}
.scoop-project .project-detail {border-color:rgba(255,255,255,.35)}
.scoop-project .project-detail span {color:var(--rose);font-size:11px}
.scoop-project .project-detail p {color:#d8e7de}
.scoop-project .quiet-link {color:#e6d6d9}
.scoop-project .underlined-link:hover,.scoop-project .quiet-link:hover {color:var(--rose)}
.touch-project {background:#e0ebe5}
.touch-project .project-image {background:radial-gradient(circle at 50% 40%,#f0f4ef,#b5d1c4)}
.touch-project .image-link-label {color:#163e37}
.touch-project .project-topline {color:#31564a}
.touch-project .project-topline span:last-child {color:#3a5c50}
.touch-project .project-summary {color:#2e4b44}
.touch-project .project-detail {border-color:#a7c2b4}
.touch-project .project-detail span {color:var(--emerald);font-size:11px}
.touch-project .project-detail p,.touch-project .quiet-link {color:#526d5e}
.other-project {grid-template-columns:40% 60%;min-height:315px;margin-top:20px;background:#172e41;color:#fff;border:0}
.other-project-visual {background:#506457}
.other-project-copy {padding:44px 54px}
.other-project-copy .section-label {color:var(--rose)}
.other-project h3 {font-size:clamp(32px,3.3vw,50px);letter-spacing:-.06em;margin:12px 0}
.other-project p {color:#c9d9d4}
.other-project .quiet-link {color:#adcac0}
.other-project .project-links {margin-top:auto}
.work-cta {display:flex;justify-content:space-between;align-items:end;gap:45px;margin-top:52px;border-top:1px solid #b9b9b1;padding:28px 0 0}
.work-cta>div>span {font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--accent)}
.work-cta h3 {max-width:700px;margin:12px 0 0;font-size:clamp(28px,3vw,43px);line-height:1.12;letter-spacing:-.055em}
.work-cta>a {display:inline-flex;align-items:center;justify-content:space-between;gap:35px;white-space:nowrap;background:var(--emerald);color:#fff;padding:16px 20px;font-size:14px;font-weight:700}
.work-cta>a:hover {background:var(--deep)}
.why-section {background:var(--white)}
.why-grid {gap:38px}
.why-item {border-color:#a9b9af}
.why-number,.service-index {color:var(--accent)}
.why-item h3 {font-size:29px}
.why-item p {color:#53636b}
.process-section {background:var(--deep)}
.process-section .section-heading h2 em {color:var(--rose)}
.process-section .section-heading>p,.process-grid p {color:#bfd0ca}
.light-label,.process-grid li>span {color:var(--rose)}
.process-grid {gap:30px}
.process-grid li {border-color:#60727b}
.process-grid h3 {font-size:28px}
.services-section {background:#e6eee9}
.services-list,.service-row {border-color:#b5c6b9}
.service-row {grid-template-columns:80px minmax(0,1fr) 205px;padding:32px 0}
.service-row h3 {font-size:34px}
.service-row p {color:#53685d}
.service-tail {color:#425e54;font-size:11px}
.investment-note {display:grid;grid-template-columns:42% 1fr;gap:7%;align-items:start;margin-top:58px;padding:44px 50px;background:var(--deep);color:#fff}
.investment-note .section-label {color:var(--rose);margin:0 0 18px}
.investment-note h3 {font-size:clamp(32px,3.6vw,49px);line-height:1.07;letter-spacing:-.06em;font-weight:600;margin:0;max-width:470px}
.investment-note>div:last-child {padding-top:3px}
.investment-note>div:last-child p {font-size:16px;line-height:1.68;color:#c9d8d1;max-width:620px;margin:0 0 25px}
.investment-note .underlined-link {color:var(--rose)}
.investment-note .underlined-link:hover {color:#fff}
.about-section {background:var(--paper)}
.about-grid {grid-template-columns:43% 1fr;gap:10%}
.about-photo {background:var(--emerald);padding:22px 22px 0 0}
.about-photo img {aspect-ratio:.94;object-position:50% 50%;filter:saturate(.75)}
.about-photo span {background:var(--emerald);color:#fff;padding:14px 19px;font-size:11px}
.about-copy h2 em {color:var(--emerald)}
.about-copy p:not(.section-label) {color:#52616a}
.contact-section {background:var(--emerald);color:#fff}
.contact-grid {padding-block:118px 104px}
.contact-grid h2 {font-size:clamp(56px,6vw,88px)}
.contact-grid h2 em {color:var(--rose)}
.contact-grid>div:first-child>p:last-child {color:#dfebe5}
.contact-panel {border-color:#7da99a;background:rgba(7,28,32,.16);min-height:255px;padding:35px}
.contact-panel>span {color:var(--rose);font-size:11px}
.contact-email {border-color:#a0c1b4}
.contact-email:hover {color:var(--rose)}
.contact-panel p {color:#dbeae3}
.contact-panel-rule {background:#799f91}
.site-footer {border-color:#679586;color:#dbeae3}
.site-footer a:hover {color:var(--rose)}
.case-main {background:var(--paper)}
.case-hero {padding-block:90px 76px}
.case-back {color:var(--emerald)}
.case-title {letter-spacing:-.085em}
.case-title em {color:var(--emerald)}
.case-intro {color:#4e6069}
.case-aside {border-color:#aab9b5}
.case-aside dt {color:var(--emerald);font-size:11px}
.case-aside dd {color:#374e59}
.case-visual.scoop {background:#1d5c50}
.case-visual.touch {background:#c5ddd0}
.case-visual.heritage {background:#d3e3d9}
.case-story {padding-block:120px}
.case-story h2 em {color:var(--emerald)}
.case-story-content>p {color:#4c6069}
.decision {border-color:#aabbb8}
.decision span {color:var(--emerald)}
.decision p {color:#596d72}
.case-outcome {background:#efe4e5}
.case-outcome h2 em {color:var(--emerald)}
.case-outcome p {color:#35524a}
.case-next span {color:var(--emerald)}
.case-footer {background:var(--deep)}
.case-footer h2 em {color:var(--rose)}
.case-footer .button {background:var(--rose)}
@media (max-width:1120px) {
  .hero-grid {grid-template-columns:58% 42%;min-height:675px}
  .hero-copy {padding-top:80px;padding-right:20px}
  .hero h1 {font-size:clamp(59px,6.15vw,73px)}
  .hero-art {min-height:675px;margin-right:-32px}
  .hero-proof {align-items:flex-start;flex-direction:column;gap:8px}
  .project-copy h3 {margin-top:50px}
  .feature-project {min-height:515px}
  .project-image {padding:30px}
}
@media (max-width:780px) {
  .site-header .menu-toggle {border-color:#738a8c}
  .menu-toggle span {background:var(--rose)}
  .mobile-nav:not([hidden]) {background:var(--deep);border-color:#496170}
  .mobile-nav a {border-color:#496170;color:#fff}
  .brand-name {font-size:24px}
  .brand-descriptor {font-size:9px}
  .hero-grid {display:flex;flex-direction:column;min-height:0}
  .hero-copy {padding:69px 0 53px}
  .hero .eyebrow {margin-bottom:29px}
  .hero h1 {font-size:clamp(56px,9.7vw,78px);margin-bottom:25px}
  .hero-lede {max-width:630px}
  .hero-proof {flex-direction:row;align-items:center;margin-top:52px}
  .hero-art {min-height:510px;margin:0 -20px}
  .hero-monogram {font-size:390px}
  .hero-baseline {min-height:58px}
  .hero-baseline>span:last-child {display:none}
  .section-pad {padding-block:90px}
  .feature-project {grid-template-columns:1fr}
  .touch-project .project-image {order:0}
  .project-image {min-height:400px;padding:38px}
  .project-copy {padding:42px}
  .project-copy h3 {margin:35px 0 16px}
  .other-project {grid-template-columns:1fr}
  .other-project-visual {height:325px}
  .other-project-copy {padding:36px}
  .work-cta {align-items:flex-start;flex-direction:column;gap:25px}
  .process-grid {gap:40px}
  .service-row {grid-template-columns:60px minmax(0,1fr) 145px;gap:15px}
  .investment-note {grid-template-columns:1fr;gap:26px;padding:38px}
  .contact-grid {padding-block:88px 75px}
  .case-hero {padding-block:65px 55px}
  .case-story {padding-block:85px}
}
@media (max-width:460px) {
  .brand-name {font-size:21px}
  .brand-descriptor {font-size:9px;letter-spacing:.08em}
  .hero-copy {padding:55px 0 42px}
  .hero .eyebrow {font-size:10px;letter-spacing:.1em}
  .hero h1 {font-size:clamp(46px,11.75vw,56px);line-height:1.02;letter-spacing:-.075em}
  .hero-lede {font-size:16px}
  .hero-actions {width:100%;flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px}
  .hero .button-dark {width:100%;box-sizing:border-box}
  .hero-proof {margin-top:44px;align-items:flex-start;flex-direction:column}
  .hero-art {min-height:375px;margin:0 -16px}
  .hero-monogram {font-size:270px}
  .portrait-label {left:20px;right:20px;bottom:22px;font-size:10px;letter-spacing:.1em}
  .hero-baseline {font-size:10px;letter-spacing:.08em}
  .hero-baseline a span {margin-left:6px}
  .section-pad {padding-block:73px}
  .work-heading {padding-top:21px;margin-bottom:36px}
  .project-image {min-height:280px;padding:22px}
  .image-link-label {left:20px;right:20px;font-size:10px}
  .project-copy {padding:28px}
  .project-copy h3 {font-size:48px}
  .other-project-visual {height:250px}
  .other-project-copy {padding:29px}
  .other-project h3 {font-size:34px}
  .work-cta {margin-top:38px}
  .work-cta h3 {font-size:30px}
  .work-cta>a {width:100%}
  .service-row {grid-template-columns:35px 1fr;gap:18px}
  .service-row h3 {font-size:27px}
  .service-tail {grid-column:2;text-align:left}
  .investment-note {margin-top:40px;padding:29px}
  .investment-note h3 {font-size:34px}
  .investment-note>div:last-child p {font-size:15px}
  .contact-grid h2 {font-size:51px}
  .contact-panel {padding:24px}
  .about-photo {padding:13px 13px 0 0}
  .case-hero {padding-block:55px 45px}
}
@media (prefers-reduced-motion:reduce) {
  .project-image-inner,.button,.header-cta {transition:none}
}

/* The web CV stays a supporting route to the website design work. */
.about-links {display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:26px}
.about-links .underlined-link {margin-top:0}
.about-links .quiet-link {color:var(--emerald)}
.about-links .quiet-link:hover {color:var(--deep)}
.contact-primary {display:flex;align-items:center;justify-content:space-between;gap:18px;margin:21px 0 18px;padding:15px 17px;background:var(--rose);color:var(--deep);font-size:17px;font-weight:700;letter-spacing:-.025em}
.contact-primary:hover {background:#fff}
.contact-primary>span:not(.sr-only) {font-size:21px;font-weight:400}
.contact-options {display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}
.contact-options a {display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;border-bottom:1px solid #bcd1c7}
.contact-options a:hover {color:var(--rose);border-color:var(--rose)}
.contact-details {font-size:12px!important;color:#e2eee8!important;overflow-wrap:anywhere}
.contact-panel-rule {margin:19px 0}
.site-footer>a:not(.footer-brand) {color:#fff}
.site-footer>a:not(.footer-brand):hover {color:var(--rose)}

.cv-main {background:var(--paper)}
.cv-hero {background:var(--deep);color:#fff;overflow:hidden}
.cv-hero-grid {display:grid;grid-template-columns:61% 39%;min-height:645px}
.cv-hero-copy {padding:93px 70px 96px 0;position:relative;z-index:1}
.cv-hero-copy .section-label {margin-bottom:36px}
.cv-hero h1 {font-size:clamp(62px,6.2vw,94px);line-height:.98;letter-spacing:-.075em;font-weight:600;max-width:810px;margin:0 0 30px}
.cv-hero h1 em,.cv-intro h2 em,.cv-experience h2 em,.cv-impact h2 em,.cv-credentials h2 em,.cv-close h2 em {font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
.cv-hero h1 em {color:var(--rose)}
.cv-hero-copy>p:not(.section-label) {max-width:650px;color:#cbd8d4;font-size:18px;line-height:1.62;margin:0}
.cv-hero-actions {display:flex;align-items:center;gap:27px;margin-top:36px}
.cv-hero-actions .button-dark {background:var(--rose);color:var(--deep)}
.cv-hero-actions .button-dark:hover {background:#fff}
.cv-hero-actions .button-text {color:#fff;border-color:#9db5ae}
.cv-hero-actions .button-text:hover {color:var(--rose);border-color:var(--rose)}
.cv-hero-art {position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:645px;padding:50px;background:var(--emerald);margin-right:calc((min(1340px,100vw - 96px) - 100vw)/2);overflow:hidden}
.cv-hero-art::before {content:"";position:absolute;z-index:-1;width:610px;height:610px;border:1px solid rgba(255,255,255,.22);border-radius:50%;top:-220px;right:-270px;box-shadow:0 0 0 90px rgba(255,255,255,.025),0 0 0 180px rgba(255,255,255,.025)}
.cv-hero-initials {position:absolute;top:9%;left:8%;font-size:clamp(165px,20vw,325px);line-height:1;letter-spacing:-.14em;font-weight:700;color:rgba(255,255,255,.12);white-space:nowrap}
.cv-hero-initials span {color:var(--rose)}
.cv-art-list {display:grid;gap:0;border-top:1px solid rgba(255,255,255,.5);font-size:12px;font-weight:700;letter-spacing:.18em}
.cv-art-list span {border-bottom:1px solid rgba(255,255,255,.4);padding:14px 0}
.cv-art-caption {margin-top:33px;color:var(--rose);font-size:11px;font-weight:700;letter-spacing:.16em}
.cv-intro {background:#e6eee9}
.cv-intro-grid {display:grid;grid-template-columns:27% 1fr;gap:8%;align-items:start}
.cv-intro h2,.cv-credentials h2 {font-size:clamp(48px,5.2vw,75px);line-height:1.06;letter-spacing:-.068em;font-weight:600;margin:0 0 27px;max-width:820px}
.cv-intro h2 em,.cv-credentials h2 em {color:var(--emerald)}
.cv-intro-grid>div>p {font-size:19px;line-height:1.63;color:#465b59;max-width:800px;margin:0}
.cv-experience {background:var(--white)}
.cv-experience .section-heading {border-top:1px solid #b9b9b1;padding-top:30px}
.cv-timeline {border-top:1px solid #b8c3bc}
.cv-role {display:grid;grid-template-columns:50px minmax(220px,1.05fr) minmax(280px,1.25fr) 145px;gap:3%;align-items:start;padding:36px 0;border-bottom:1px solid #c9d1cb}
.cv-role-index,.cv-role-meta,.cv-role-tag {font-size:11px;font-weight:700;letter-spacing:.13em;color:var(--emerald)}
.cv-role-meta {margin:0 0 13px}
.cv-role h3 {font-size:clamp(26px,2.6vw,37px);line-height:1.1;letter-spacing:-.05em;margin:0}
.cv-role>p {font-size:15px;line-height:1.65;color:#4f6269;margin:0}
.cv-role>a,.cv-role-tag {justify-self:end;text-align:right;white-space:nowrap}
.cv-role>a {font-size:13px;font-weight:700;border-bottom:1px solid currentColor;padding-bottom:3px}
.cv-role>a:hover {color:var(--emerald)}
.cv-role-tag {color:#52645c}
.cv-impact {background:var(--emerald);color:#fff}
.cv-impact .section-heading h2 em {color:var(--rose)}
.cv-impact .section-heading>p {color:#dfebe5}
.cv-impact-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.cv-impact-grid article {border-top:1px solid #7ba597;padding-top:24px}
.cv-impact-grid article>span {font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--rose)}
.cv-impact-grid strong {display:block;min-height:96px;margin:30px 0 16px;font-size:clamp(37px,3.5vw,53px);font-weight:600;line-height:1.05;letter-spacing:-.065em}
.cv-impact-grid strong i {font-family:var(--serif);font-weight:400;font-style:italic;color:var(--rose)}
.cv-impact-grid strong small {font-size:19px;font-weight:400;letter-spacing:-.02em;white-space:nowrap}
.cv-impact-grid h3 {font-size:25px;line-height:1.15;letter-spacing:-.035em;margin:0 0 13px}
.cv-impact-grid p {font-size:15px;line-height:1.65;color:#d9e9e0;margin:0}
.cv-credentials {background:var(--paper)}
.cv-credentials-grid {display:grid;grid-template-columns:.9fr 1fr;gap:12%}
.cv-credentials-grid>div:first-child>p:last-child {font-size:17px;line-height:1.6;max-width:510px;color:#52636a}
.cv-credential-list {border-top:1px solid #b5c2b8}
.cv-credential-list>div {border-bottom:1px solid #bdc9c0;padding:23px 0}
.cv-credential-list span {display:block;margin-bottom:9px;font-size:11px;font-weight:700;letter-spacing:.15em;color:var(--emerald)}
.cv-credential-list strong {display:block;font-size:24px;letter-spacing:-.035em;line-height:1.2}
.cv-credential-list p {margin:6px 0 0;color:#586b6d;font-size:14px}
.cv-badge-row {display:flex;align-items:center;gap:25px}
.cv-badge-row img {width:84px;height:84px;object-fit:contain;flex:none}
.cv-close {background:var(--deep);color:#fff;padding-block:100px}
.cv-close-grid {display:grid;grid-template-columns:1fr 250px;gap:9%;align-items:end}
.cv-close h2 {font-size:clamp(48px,5.3vw,75px);line-height:1.04;letter-spacing:-.065em;font-weight:600;margin:0 0 20px;max-width:820px}
.cv-close h2 em {color:var(--rose)}
.cv-close p:not(.section-label) {font-size:17px;line-height:1.6;color:#bfcec9;max-width:650px;margin:0}
.cv-close-actions {display:grid;gap:23px}
.cv-close-actions .button {background:var(--rose);color:var(--deep)}
.cv-close-actions .button:hover {background:#fff}
.cv-close-actions>a:last-child {font-size:14px;font-weight:700;border-bottom:1px solid #9eb5ae;padding-bottom:7px;justify-self:start}
.cv-close-actions>a:last-child:hover {color:var(--rose)}
.cv-footer {background:var(--deep);color:#c6d5cf}
.cv-footer>.shell {display:flex;align-items:center;gap:40px;border-top:1px solid #4d6368;padding-block:32px;font-size:12px}
.cv-footer .footer-brand {margin-right:auto}
.cv-footer .shell>div {display:flex;gap:26px}
.cv-footer a:hover {color:var(--rose)}
@media (max-width:1120px) {
  .cv-hero-grid {grid-template-columns:60% 40%}
  .cv-hero-copy {padding-right:35px}
  .cv-hero h1 {font-size:clamp(60px,6vw,75px)}
  .cv-hero-art {margin-right:-32px}
  .cv-role {grid-template-columns:35px minmax(200px,1fr) minmax(250px,1.2fr);gap:22px}
  .cv-role>a,.cv-role-tag {grid-column:3;justify-self:start;text-align:left}
}
@media (max-width:780px) {
  .cv-hero-grid {grid-template-columns:1fr}
  .cv-hero-copy {padding:70px 0 65px}
  .cv-hero h1 {font-size:clamp(56px,9vw,76px)}
  .cv-hero-art {min-height:330px;margin:0 -20px;padding:35px}
  .cv-hero-initials {font-size:230px;top:-10%}
  .cv-intro-grid,.cv-credentials-grid,.cv-close-grid {grid-template-columns:1fr;gap:35px}
  .cv-role {grid-template-columns:35px 1fr;gap:15px 20px}
  .cv-role>p,.cv-role>a,.cv-role-tag {grid-column:2}
  .cv-role>a,.cv-role-tag {justify-self:start;text-align:left}
  .cv-impact-grid {grid-template-columns:1fr;gap:35px}
  .cv-impact-grid strong {min-height:0;margin:22px 0 15px}
  .cv-close {padding-block:80px}
  .cv-close-actions {display:flex;align-items:center;gap:25px}
}
@media (max-width:460px) {
  .about-links {align-items:flex-start;flex-direction:column;gap:18px}
  .contact-options {flex-direction:column;gap:12px;align-items:flex-start}
  .cv-hero-copy {padding:56px 0}
  .cv-hero h1 {font-size:clamp(47px,11vw,59px)}
  .cv-hero-copy>p:not(.section-label) {font-size:16px}
  .cv-hero-actions {flex-wrap:wrap;gap:18px}
  .cv-hero-art {margin:0 -16px;min-height:280px;padding:24px}
  .cv-hero-initials {font-size:185px}
  .cv-art-list {font-size:11px}
  .cv-art-list span {padding:9px 0}
  .cv-art-caption {margin-top:18px}
  .cv-intro h2,.cv-credentials h2 {font-size:45px}
  .cv-intro-grid>div>p {font-size:17px}
  .cv-role {padding:27px 0}
  .cv-role h3 {font-size:28px}
  .cv-impact-grid strong {font-size:42px}
  .cv-close h2 {font-size:48px}
  .cv-close-actions {align-items:flex-start;flex-direction:column}
  .cv-footer>.shell {align-items:flex-start;flex-direction:column;gap:20px}
  .cv-footer .shell>div {gap:20px;flex-wrap:wrap}
}