@font-face {
  font-family: "Bebas Neue";
  src: url("/fonts/BebasNeue-Regular.ttf") format("truetype");
  font-display: swap;
}

:root {
  --black-deep: #0A0A0A;
  --black-surface: #141414;
  --burnt-orange: #D4602A;
  --white-aged: #E8E0D4;
  --white-cream: #F5F0E8;
  --gray-warm: #9E958A;
  --gray-dark: #3A3634;
  --ease: cubic-bezier(.2, .6, .2, 1);
  --stagger: .075s;
  --dur-line: 1.1s;
  --dur-head: 1.6s;
  --dur-head-long: 2.1s;
  --dur-intro: 1s;
  --spine-progress: 0;
  color-scheme: dark;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  background: var(--black-deep);
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

body {
  min-width: 20rem;
  min-height: 100vh;
  margin: 0;
  overflow-x: hidden;
  background: var(--black-deep);
  color: var(--white-cream);
  font-family: Inter, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

html.intro-enabled,
html.intro-enabled body {
  overflow: hidden;
}

img {
  display: block;
  max-width: 100%;
}

button,
input,
textarea {
  font: inherit;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button {
  color: inherit;
}

a {
  color: inherit;
}

h1,
h2,
p,
figure {
  margin: 0;
}

:focus-visible {
  outline: 2px solid var(--burnt-orange);
  outline-offset: 5px;
}

.skip-link {
  position: fixed;
  top: .75rem;
  left: .75rem;
  z-index: 1200;
  padding: .65rem .85rem;
  transform: translateY(-180%);
  border-radius: 4px;
  background: var(--white-aged);
  color: var(--black-deep);
  font-family: Oswald, sans-serif;
  font-size: .72rem;
  letter-spacing: .16em;
  text-decoration: none;
  text-transform: uppercase;
}

.skip-link:focus {
  transform: translateY(0);
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.grain {
  position: fixed;
  inset: -50%;
  z-index: 900;
  width: 200%;
  height: 200%;
  pointer-events: none;
  opacity: .18;
  mix-blend-mode: overlay;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.92  0 0 0 0 0.88  0 0 0 0 0.83  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>");
  animation: grain-shift 1.2s steps(6) infinite;
}

@keyframes grain-shift {
  0% { transform: translate3d(0, 0, 0); }
  20% { transform: translate3d(-3%, 2%, 0); }
  40% { transform: translate3d(2%, -2%, 0); }
  60% { transform: translate3d(-1%, 3%, 0); }
  80% { transform: translate3d(3%, 1%, 0); }
  100% { transform: translate3d(0, 0, 0); }
}

.intro {
  display: none;
  position: fixed;
  inset: 0;
  z-index: 1000;
  place-items: center;
  overflow: hidden;
  background: var(--black-deep);
}

.intro-enabled .intro {
  display: grid;
}

.intro-mark {
  display: grid;
  width: min(92vw, 76rem);
  justify-items: center;
  color: var(--white-aged);
  text-align: center;
}

.intro-title {
  display: grid;
  gap: .08em;
  font-family: "Bebas Neue", sans-serif;
  font-size: clamp(2.35rem, 11.25vw, 4.35rem);
  font-weight: 400;
  letter-spacing: .22em;
  line-height: .8;
  text-transform: uppercase;
}

.intro-title-line {
  display: block;
  white-space: nowrap;
}

.intro-subtitle {
  display: block;
  color: rgba(232, 224, 212, .42);
  font-family: Manrope, sans-serif;
  font-size: clamp(.66rem, 2.7vw, 1.08rem);
  font-weight: 300;
  letter-spacing: .3em;
  line-height: .9;
  text-transform: uppercase;
}

.intro-connector {
  display: grid;
  width: min(62vw, 30rem);
  grid-template-columns: minmax(0, 1fr) 8px minmax(0, 1fr);
  align-items: center;
  margin: clamp(1.4rem, 4vw, 2.1rem) 0;
}

.intro-connector-line {
  width: 100%;
  height: 1px;
  background: rgba(232, 224, 212, .48);
  transform: scaleX(0);
}

.intro-connector-line-left {
  transform-origin: right center;
}

.intro-connector-line-right {
  transform-origin: left center;
}

.intro-connector-mark {
  width: 8px;
  height: 8px;
  border: 1px solid var(--burnt-orange);
  background: var(--black-deep);
  opacity: 0;
  transform: rotate(-180deg) scale(.45);
}

.intro-letter {
  display: inline-block;
  clip-path: inset(0 0 100% 0);
  opacity: 0;
  filter: blur(7px);
  transform: translateY(10px);
}

.intro-letter-space {
  width: .48em;
}

.intro-loader {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  overflow: hidden;
  background: rgba(232, 224, 212, .06);
}

.intro-loader-bar {
  display: block;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(232, 224, 212, .3) 16%, var(--white-aged) 72%, var(--burnt-orange) 100%);
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
}

.intro-skip {
  position: absolute;
  bottom: 1.5rem;
  left: 50%;
  color: rgba(232, 224, 212, .35);
  font-family: Oswald, sans-serif;
  font-size: .58rem;
  font-weight: 300;
  letter-spacing: .3em;
  text-align: center;
  text-transform: uppercase;
  transform: translateX(-50%);
  white-space: nowrap;
}

.intro-enabled .site {
  opacity: 0;
  filter: blur(4px);
  transform: scale(1.01);
}

.intro-enabled.intro-handoff .intro {
  opacity: 0;
  filter: blur(4px);
  transform: scale(.985);
  transition: opacity var(--dur-intro) cubic-bezier(.4, 0, .6, 1),
    filter var(--dur-intro) cubic-bezier(.4, 0, .6, 1),
    transform var(--dur-intro) cubic-bezier(.4, 0, .6, 1);
}

.intro-enabled.intro-handoff .site {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
  transition: opacity var(--dur-intro) cubic-bezier(.4, 0, .6, 1),
    filter var(--dur-intro) cubic-bezier(.4, 0, .6, 1),
    transform var(--dur-intro) cubic-bezier(.4, 0, .6, 1);
}

.site {
  position: relative;
  z-index: 1;
}

/* The original title entrance above is retained. The story below shares its line, grain, and warm light. */
:root{--ink:#ede5d9;--muted:#b4aaa0;--orange:#e08852;--line:rgba(232,224,212,.2);--page-gutter:clamp(24px,6.1vw,100px)}
body{font-weight:400;line-height:1.6;color:var(--ink)}
html{scroll-padding-top:100px}
.grain{opacity:.075;animation:none;z-index:45}
.wrap{width:100%;max-width:1600px;margin-inline:auto;padding-inline:var(--page-gutter)}
.orange{color:var(--orange)}
.eyebrow{font-size:11px;letter-spacing:.18em;line-height:1.5;text-transform:uppercase;color:var(--muted);font-weight:500}
.display{font-family:'Bebas Neue',sans-serif;font-size:clamp(56px,7.8vw,116px);font-weight:400;line-height:.95;letter-spacing:-.005em}
em{font-family:'Source Serif 4',Georgia,serif;font-weight:400;font-size:.84em;letter-spacing:-.065em;line-height:1}
a{text-underline-offset:5px}
.site-header{position:absolute;z-index:40;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:28px var(--page-gutter);border-bottom:1px solid rgba(255,255,255,.12);background:linear-gradient(rgba(10,10,10,.32),transparent)}
.site-brand{display:flex;align-items:center;gap:14px;text-decoration:none;white-space:nowrap}
.site-brand img{width:40px;height:40px}
.site-brand>span{font-size:12px;letter-spacing:.09em;text-transform:uppercase}
.primary-nav{display:flex;align-items:center;gap:30px;font-size:14px}
.primary-nav a{text-decoration:none;min-height:44px;display:flex;align-items:center;gap:25px;position:relative}
.primary-nav a[aria-current=page]::after{content:'';width:4px;height:4px;background:var(--orange);position:absolute;left:-11px;border-radius:50%}
.primary-nav .nav-chat{border-bottom:1px solid var(--orange)}
.primary-nav a:hover{color:var(--orange)}
.hero{position:relative;min-height:720px;height:100svh;max-height:1200px;display:flex;align-items:center;overflow:hidden;background:#17120e}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 0%;transform:scale(1.025);will-change:transform}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,10,10,.66) 0%,rgba(10,10,10,.2) 48%,transparent 72%),linear-gradient(0deg,#0a0a0a 0%,transparent 26%)}
.hero-content{position:relative;padding-top:85px;padding-bottom:70px}
.hero-content>.eyebrow{color:#ded1c1;margin-bottom:35px}
.hero h1{font-family:'Bebas Neue',sans-serif;font-weight:400;font-size:clamp(104px,14.1vw,218px);line-height:.92;letter-spacing:-.02em}
.hero h1>span{display:block}
.hero-description{font-size:clamp(20px,2.1vw,29px);line-height:1.45;max-width:380px;margin-top:27px}
.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;padding:15px 0 12px;border-bottom:1px solid var(--orange);font-size:15px;text-decoration:none}
.text-link span{color:var(--orange);font-size:23px;transition:transform .3s}
.text-link:hover span{transform:translate(3px,-3px)}
.hero .text-link{margin-top:27px}
.hero-scroll{position:absolute;bottom:45px;left:var(--page-gutter);display:flex;gap:16px;align-items:center;text-decoration:none;font-size:12px;color:var(--muted)}
.scroll-stroke{width:52px;height:1px;background:var(--orange);transform-origin:left;animation:line-breathe 4s ease-in-out 2}
.hero-corner{position:absolute;right:var(--page-gutter);bottom:45px;font-size:11px;color:var(--muted);letter-spacing:.14em}
@keyframes line-breathe{50%{transform:scaleX(.65)}}
.story-shell{position:relative}
.spine{position:absolute;left:calc(var(--page-gutter)/2);top:100px;bottom:90px;width:1px;background:rgba(232,224,212,.06);z-index:2;pointer-events:none}
.spine>span{display:block;width:100%;height:100%;background:var(--orange);transform-origin:top;transform:scaleY(var(--spine-progress));opacity:.6}
.story-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(50px,9vw,150px);padding-top:160px;padding-bottom:140px;align-items:start}
.story-visual{position:sticky;top:90px;max-width:480px}
.portrait-frame{position:relative;aspect-ratio:4/5;overflow:hidden;background:#261d18}
.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 27%;filter:saturate(.7);transform:scale(1.025)}
.frame-corner{position:absolute;inset:14px;border:1px solid rgba(245,240,232,.35);clip-path:polygon(0 0,13% 0,13% 1%,1% 1%,1% 13%,0 13%,0 0,100% 100%,87% 100%,87% 99%,99% 99%,99% 87%,100% 87%,100% 100%)}
.image-caption{font-size:10px;letter-spacing:.1em;display:flex;gap:10px;align-items:center;margin-top:17px;text-transform:uppercase;color:var(--muted)}
.image-caption>span:last-child{margin-left:auto}
.story-writing>.eyebrow{margin:18px 0 35px}
.story-writing .display{max-width:650px}
.story-passage{padding-top:55px;font-size:clamp(20px,2vw,27px);line-height:1.6;color:#c9c0b5;max-width:540px}
.story-passage+.story-passage{padding-top:42px}
.quiet-link{display:inline-flex;gap:35px;align-items:center;font-size:14px;margin-top:38px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:10px}
.quiet-link span{color:var(--orange)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:45px}
.section-heading .eyebrow{margin-bottom:7px;flex-shrink:0}
.conversation-section{position:relative;background:#e6ded0;color:#262520;padding:115px 0 120px;isolation:isolate}
.conversation-section::before{content:'';position:absolute;inset:0;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:-1}
.conversation-heading{display:grid;grid-template-columns:1fr 1.4fr;align-items:start;gap:25px;margin-bottom:70px}
.conversation-heading .eyebrow{color:#68594e;margin-top:7px}
.conversation-heading .display{grid-column:2;grid-row:1/3}
.conversation-heading>p:last-child{font-size:16px;max-width:190px;align-self:end;margin-bottom:7px}
.topic{display:grid;grid-template-columns:50px minmax(150px,1.1fr) minmax(180px,1fr) 50px;align-items:center;gap:30px;border-top:1px solid #b8ab9b;padding:32px 0;text-decoration:none;transition:padding .35s,color .35s}
.topic:last-child{border-bottom:1px solid #b8ab9b}
.topic-number{font-size:11px;color:#786250;align-self:start;padding-top:15px}
.topic-word{font:clamp(58px,8.3vw,125px)/1 'Bebas Neue',sans-serif}
.topic-word>span{color:#a84c24}
.topic-detail{font-size:17px;color:#534b42;line-height:1.65}
.topic-arrow{font-size:37px;font-weight:300;transition:transform .35s}
.topic:hover{padding-left:12px;padding-right:12px;color:#a84c24}
.topic:hover .topic-arrow{transform:translate(4px,-4px)}
.connect-section{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(50px,8vw,130px);padding-top:150px;padding-bottom:140px}
.connect-heading .eyebrow{margin-bottom:35px}
.connect-heading .display{font-size:clamp(55px,6.6vw,97px)}
.connect-heading>p:last-of-type{font-size:16px;color:var(--muted);margin-top:35px}
.connector-end{display:block;margin-top:80px;width:90px;height:1px;background:var(--orange);position:relative}
.connector-end::after{content:'';position:absolute;right:0;top:-3px;width:7px;height:7px;border:1px solid var(--orange);transform:rotate(45deg);background:var(--black-deep)}
.conversation-form{display:grid;gap:30px;padding-top:5px}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.conversation-form label{font-size:13px;display:block;color:#d8cfc3}
.conversation-form input[type=text],.conversation-form input[type=email],.conversation-form textarea{display:block;width:100%;color:var(--ink);font:400 17px/1.5 Inter,sans-serif;background:transparent;border:0;border-bottom:1px solid #5c554d;border-radius:0;padding:12px 0;transition:border-color .25s;box-shadow:none}
.conversation-form textarea{resize:vertical;min-height:105px;max-height:450px}
.conversation-form input:focus,.conversation-form textarea:focus{outline:0;border-color:var(--orange);box-shadow:0 1px 0 var(--orange)}
.conversation-form .check-field{display:flex;align-items:flex-start;gap:12px;font-size:12px;line-height:1.7;color:var(--muted)}
.check-field input{margin:3px 0 0;accent-color:var(--orange);width:17px;height:17px;flex-shrink:0}
.form-bottom{display:flex;align-items:center;gap:28px;justify-content:space-between}
.form-submit{background:var(--orange);border:0;color:#19130e;padding:16px 22px;min-width:170px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;cursor:pointer;font-size:14px;font-weight:500;transition:background .25s}
.form-submit:hover{background:#eeaa7e}
.form-submit:disabled{cursor:wait;opacity:.6}
.form-bottom p,.form-care{font-size:11px;line-height:1.7;color:var(--muted)}
.form-care{border-top:1px solid var(--line);padding-top:20px}
.form-status{font-size:14px;color:var(--orange)}
.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.next-page{display:block;padding:45px 0 50px;text-decoration:none;background:#1b1a17;border-top:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .4s}
.next-page>.wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}
.next-page small{display:block;text-transform:uppercase;font-size:10px;letter-spacing:.2em;color:var(--muted);margin-bottom:15px}
.next-page strong{font-family:'Bebas Neue',sans-serif;font-size:clamp(43px,5.5vw,80px);font-weight:400;line-height:1}
.next-arrow{font-size:65px;font-weight:300;color:var(--orange);transition:transform .35s}
.next-page:hover{background:#26221c}
.next-page:hover .next-arrow{transform:translate(6px,-6px)}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:40px;padding-bottom:40px;font-size:11px;color:var(--muted)}
.site-footer a{text-decoration:none}
.site-footer nav{display:flex;gap:25px}
.footer-name{color:var(--ink);font-size:12px}
.profile-page{padding-top:175px}
.profile-intro{display:grid;grid-template-columns:1.15fr .9fr;gap:clamp(50px,8vw,140px);align-items:center;padding-bottom:100px}
.profile-copy .eyebrow{margin-bottom:26px}
.profile-copy h1{font:400 clamp(86px,9.5vw,152px)/.92 'Bebas Neue',sans-serif;letter-spacing:-.01em}
.profile-dek{font-size:clamp(20px,2vw,28px);margin-top:30px}
.profile-bio{font-size:16px;max-width:480px;line-height:1.85;color:var(--muted);margin-top:22px}
.profile-links{display:flex;gap:10px 22px;flex-wrap:wrap;margin-top:28px;max-width:480px;font-size:12px}
.profile-links a{padding:6px 0;text-decoration:none;border-bottom:1px solid var(--line)}
.profile-links a:hover{border-color:var(--orange);color:var(--orange)}
.profile-photo{align-self:stretch;position:relative;min-height:540px}
.profile-photo>img{width:100%;height:calc(100% - 30px);object-fit:cover;object-position:77% center;max-height:650px}
.profile-photo figcaption{font-size:10px;color:var(--muted);margin-top:13px;display:flex;justify-content:space-between;gap:15px}
.background-section{display:grid;grid-template-columns:1fr 1.05fr;gap:70px;padding-top:100px;padding-bottom:100px;border-top:1px solid var(--line)}
.background-section .eyebrow{margin-bottom:30px}
.background-copy>p{font-size:21px;line-height:1.75;color:#c9c0b5;max-width:570px}
.experience-list{margin-top:45px}
.experience-list>div{display:grid;grid-template-columns:27px 1fr;column-gap:18px;border-top:1px solid var(--line);padding:23px 0}
.experience-list span{font-size:10px;color:var(--orange);padding-top:5px}
.experience-list h3{font-size:17px;font-weight:400;margin:0}
.experience-list p{grid-column:2;font-size:13px;color:var(--muted);margin-top:7px}
.work-section{padding-top:65px;padding-bottom:110px}
.work-section .section-heading{align-items:flex-start;margin-bottom:65px}
.work-row{display:grid;grid-template-columns:.85fr 1.45fr 1fr 40px;gap:35px;align-items:center;border-top:1px solid var(--line);padding:45px 0;text-decoration:none;transition:color .3s}
.work-row:last-child{border-bottom:1px solid var(--line)}
.work-index{font-size:10px;line-height:1.8;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.work-name{font:400 clamp(30px,3.1vw,46px)/1.08 'Bebas Neue',sans-serif}
.work-description{font-size:13px;color:var(--muted);max-width:180px}
.work-arrow{font-size:30px;color:var(--orange);transition:transform .3s}
.work-row:hover{color:var(--orange)}
.work-row:hover .work-arrow{transform:translate(4px,-4px)}
.page-message{min-height:100svh;display:grid;place-items:center;padding:70px 25px}
.page-message>div{max-width:700px}
.page-message h1{font:400 clamp(56px,8vw,100px)/1 'Bebas Neue',sans-serif;margin:24px 0}
.page-message p{max-width:500px;color:var(--muted)}
.page-message a{display:inline-block;margin-top:30px;color:var(--orange)}
/* Content is readable by default. Only the enhanced version reveals it once. */
html.has-js:not(.reduced-motion) [data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform 1s var(--ease)}
html.has-js:not(.reduced-motion) [data-reveal].is-visible{opacity:1;transform:translateY(0)}
.hero [data-reveal]:nth-child(2){transition-delay:.1s}
.hero .hero-description{transition-delay:.16s!important}
.hero .text-link{transition-delay:.24s!important}
@media(min-width:1500px){.spine{left:max(calc((100vw - 1600px)/2 + 35px),35px)}}
@media(max-width:1000px){.site-brand>span{display:none}.story-section{gap:55px}.story-passage{font-size:22px}.section-heading{display:block}.section-heading>.eyebrow{margin-bottom:28px}.connect-section{gap:45px}.profile-intro{gap:45px}.profile-photo{min-height:490px}.work-row{grid-template-columns:.8fr 1.4fr 1fr 25px;gap:20px}}
@media(max-width:700px){
 :root{--page-gutter:24px}html{scroll-padding-top:25px}.site-header{padding:18px 24px;gap:12px}.site-brand img{width:33px;height:33px}.primary-nav{gap:20px;font-size:12px}.primary-nav a{gap:9px}.primary-nav a[aria-current=page]::after{display:none}.primary-nav .nav-chat span{display:none}
 .hero{min-height:740px;height:100svh;max-height:1000px;align-items:flex-end}.hero-image{object-position:67% 30%;height:77%;transform:none!important}.hero-shade{background:linear-gradient(0deg,#0a0a0a 10%,rgba(10,10,10,.82) 28%,rgba(10,10,10,.1) 64%,rgba(10,10,10,.18) 100%)}.hero-content{padding-top:0;padding-bottom:118px}.hero-content>.eyebrow{font-size:10px;margin-bottom:22px}.hero h1{font-size:clamp(94px,24vw,165px)}.hero-description{font-size:21px;line-height:1.4;margin-top:14px}.hero .text-link{margin-top:16px;padding-top:8px;font-size:14px}.hero-scroll{bottom:33px;font-size:11px;gap:10px}.scroll-stroke{width:25px}.hero-corner{bottom:33px;font-size:9px}
 .spine{left:10px}.story-section{grid-template-columns:1fr;gap:42px;padding-top:85px;padding-bottom:70px}.story-visual{position:relative;top:auto;max-width:none;width:76%;margin-left:auto}.portrait-frame{aspect-ratio:5/4}.portrait-frame img{object-position:center 25%}.image-caption{font-size:8px;gap:7px;margin-top:12px}.story-writing>.eyebrow{margin-top:0;margin-bottom:25px}.display{font-size:66px}.story-passage{padding-top:30px;font-size:20px;max-width:500px}.story-passage+.story-passage{padding-top:25px}.quiet-link{margin-top:26px}
 .conversation-section{padding:70px 0}.conversation-heading{grid-template-columns:1fr;gap:20px;margin-bottom:45px}.conversation-heading .display{grid-column:1;grid-row:auto}.conversation-heading>p:last-child{max-width:none;font-size:14px}.conversation-heading .eyebrow{margin:0}.topic{grid-template-columns:22px 1fr 30px;gap:10px;padding:23px 0}.topic-number{padding-top:9px;font-size:9px}.topic-word{font-size:70px}.topic-detail{grid-column:2;grid-row:2;font-size:13px}.topic-detail br{display:none}.topic-arrow{grid-column:3;grid-row:1;font-size:27px}.topic:hover{padding-left:3px;padding-right:3px}
 .connect-section{grid-template-columns:1fr;gap:42px;padding-top:75px;padding-bottom:75px}.connect-heading .eyebrow{margin-bottom:27px}.connect-heading .display{font-size:62px}.connect-heading>p:last-of-type{margin-top:23px;font-size:15px}.connector-end{display:none}.conversation-form{gap:26px}.field-row{gap:20px}.form-bottom{gap:20px}.form-submit{min-width:160px;font-size:13px}.form-bottom p{font-size:10px}.next-page{padding:32px 0}.next-page strong{font-size:43px}.next-page small{font-size:9px;margin-bottom:12px}.next-arrow{font-size:45px}.site-footer{flex-wrap:wrap;gap:22px;padding-top:30px;padding-bottom:30px;font-size:10px}.site-footer nav{gap:18px}.site-footer>p{margin-left:auto}.footer-name{font-size:11px}
 .profile-page{padding-top:120px}.profile-intro{grid-template-columns:1fr;gap:40px;padding-bottom:65px}.profile-copy h1{font-size:100px}.profile-dek{font-size:23px;margin-top:23px}.profile-bio{font-size:15px;line-height:1.8;margin-top:18px}.profile-links{font-size:11px;gap:8px 20px;margin-top:24px}.profile-photo{min-height:0;height:auto}.profile-photo>img{height:auto;aspect-ratio:4/4.3;object-position:72% center}.profile-photo figcaption{font-size:9px}.background-section{grid-template-columns:1fr;gap:33px;padding-top:60px;padding-bottom:40px}.background-copy>p{font-size:19px}.experience-list{margin-top:30px}.work-section{padding-top:40px;padding-bottom:65px}.work-section .section-heading{margin-bottom:38px}.work-row{grid-template-columns:1fr 30px;gap:20px;padding:28px 0}.work-index{grid-column:1/3;font-size:9px}.work-name{font-size:37px}.work-description{grid-column:1;max-width:none;font-size:12px}.work-arrow{grid-column:2;grid-row:2}
}
@media(max-width:370px){:root{--page-gutter:19px}.site-header{padding:16px 19px}.primary-nav{gap:13px;font-size:11px}.site-brand img{width:28px;height:28px}.hero h1{font-size:88px}.connect-heading .display{font-size:56px}.field-row{grid-template-columns:1fr}.next-page strong{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.intro{display:none!important}.hero-image{transform:none!important}[data-reveal]{opacity:1!important;transform:none!important}.story-visual{position:relative;top:auto}.spine>span{transform:scaleY(1)}}
html.reduced-motion{scroll-behavior:auto}html.reduced-motion [data-reveal]{opacity:1;transform:none}html.reduced-motion .hero-image{transform:none!important}

.portrait-frame img{object-position:76% center}

.site-brand img{filter:brightness(0) invert(.92)}

@media(max-width:700px){.hero-image{mask-image:linear-gradient(#000 65%,transparent 100%)}}

/* Empowering Others connects the three areas; the profile stays personal. */
.umbrella-section{padding-top:90px;padding-bottom:100px;border-top:1px solid var(--line)}
.umbrella-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:65px}
.umbrella-heading .eyebrow{margin-bottom:30px}
.umbrella-heading .display{font-size:clamp(58px,7.6vw,110px)}
.umbrella-copy{max-width:500px}
.umbrella-copy p:first-child{font-size:clamp(21px,2vw,27px);line-height:1.65;color:#d3c9bc}
.umbrella-copy p+p{margin-top:23px;font-size:14px;line-height:1.8;color:var(--muted)}
.umbrella-branches{position:relative}
.umbrella-branches::before{content:'';position:absolute;left:-19px;top:0;bottom:0;width:1px;background:linear-gradient(var(--orange),rgba(224,136,82,.08))}
.umbrella-section .work-row{grid-template-columns:.65fr 1.1fr 1.3fr 30px;gap:32px;min-height:190px}
.umbrella-section .work-name{font-size:clamp(35px,3.4vw,49px)}
.umbrella-section .work-description{font-size:14px;line-height:1.85;max-width:390px}
.profile-page .background-section{padding-bottom:110px}
@media(max-width:1000px){.umbrella-heading{gap:40px}.umbrella-section .work-row{grid-template-columns:.5fr 1fr 1.25fr 25px;gap:20px}.umbrella-section .work-description{font-size:13px}}
@media(max-width:700px){.umbrella-section{padding-top:65px;padding-bottom:60px}.umbrella-heading{grid-template-columns:1fr;gap:30px;margin-bottom:40px}.umbrella-heading .display{font-size:70px}.umbrella-copy p:first-child{font-size:20px}.umbrella-copy p+p{font-size:13px;margin-top:20px}.umbrella-branches::before{left:-12px}.umbrella-section .work-row{grid-template-columns:1fr 30px;gap:18px;min-height:0}.umbrella-section .work-name{font-size:41px}.umbrella-section .work-description{font-size:14px;max-width:95%}.profile-page .background-section{padding-bottom:65px}}

/* Keep the mentoring story compact and portrait-led on phones. */
@media(max-width:700px){
  .story-section{gap:30px;padding-top:38px;padding-bottom:58px}
  .story-visual{width:100%;margin-left:0}
  .portrait-frame{aspect-ratio:4/5}
  .portrait-frame img{object-position:center 34%}
  .story-writing>.eyebrow{margin-bottom:18px}
  .story-writing .display{font-size:clamp(54px,16vw,66px)}
}