.profile-page { --bg:#100f0c; --panel:#1b1914; --panel-2:#211e18; --text:#f4efe6; --muted:#b8afa2; --line:rgba(244,239,230,.16); --accent:#c49b62; --accent-2:#c49b62; }
.profile-page section[id] { scroll-margin-top:140px; }
.profile-topbar.topbar { position:fixed; inset:0 0 auto; translate:none; transform:none; width:100%; max-width:none; border-radius:0; padding:16px 5vw; min-height:72px; background:rgba(16,15,12,.94); border-bottom:1px solid rgba(196,155,98,.16); backdrop-filter:blur(16px); display:flex; align-items:center; justify-content:space-between; gap:24px; z-index:130; }
.profile-topbar .brand { font:700 28px/1 system-ui,sans-serif; letter-spacing:-.06em; text-decoration:none; display:flex; align-items:center; gap:18px; color:#f4efe6; }
.profile-brand-name { font:400 12px/1.4 system-ui,sans-serif; letter-spacing:0; color:#b8afa2; }
.profile-page-nav { display:flex; gap:26px; align-items:center; }
.profile-page-nav a { font:500 13px/1.4 system-ui,sans-serif; letter-spacing:0; text-decoration:none; color:#ddd5c7; padding:10px 0; }
.profile-page-nav a:last-child { border:1px solid #8c7047; border-radius:999px; padding:9px 18px; color:#e9c48c; }
.profile-switcher { position:fixed; top:72px; left:0; right:0; z-index:125; display:flex; align-items:center; justify-content:center; gap:6px; padding:8px 5vw; background:rgba(16,15,12,.96); border-bottom:1px solid rgba(196,155,98,.14); }
.profile-switcher a { flex-shrink:0; padding:10px 16px; min-height:40px; font:500 12px/20px system-ui,sans-serif; color:#b8afa2; text-decoration:none; border-radius:999px; white-space:nowrap; }
.profile-switcher a[aria-current] { color:#edd0a3; background:#292219; box-shadow:inset 0 0 0 1px #6a5234; }
.profile-switcher .profile-overview { margin-right:16px; border-right:1px solid #443a2b; border-radius:0; }
.profile-page a:focus-visible,.profile-page button:focus-visible { outline:2px solid #e9bc7e; outline-offset:5px; }
.profile-page-nav a:hover,.profile-switcher a:hover { color:#f4efe6; }
.profile-page .hero { padding-top:166px; }
.profile-page .hero-actions { flex-wrap:wrap; gap:12px; }
.profile-page .hero-experience { font-size:16px; line-height:1.6; color:var(--text-2); margin-top:24px; max-width:60ch; }
.profile-page .hero-action { min-height:48px; display:inline-flex; justify-content:center; align-items:center; }

.profile-page .unpack { height:auto; min-height:0; }
.profile-page .unpack-stage { height:auto; min-height:0; flex-direction:column; align-items:center; justify-content:flex-start; padding:48px 5vw 128px; gap:40px; }
.profile-page .unpack-head { position:relative; inset:auto; transform:none; width:min(950px,100%); margin:0; }
.profile-page .unpack-head .eyebrow { font-size:12px; line-height:1.6; letter-spacing:1.8px; margin:0; }
.profile-page .unpack-head h2 { margin-top:16px; line-height:1.12; text-wrap:balance; }
.profile-page .unpack-head p:not(.eyebrow) { margin-top:24px; font-size:17px; line-height:1.6; max-width:64ch; }
.profile-page .unpack-stage::before,.profile-page .unpack-stage::after,.profile-page .unpack .tracks,.profile-page .unpack .cards-svg { display:none; }
.profile-page .cards { width:100%; gap:24px; align-items:stretch; }
.profile-page .cards .layer-card { margin-top:0; padding:24px; gap:16px; min-height:0; }
.profile-page .lc-title { font-size:24px; line-height:1.15; }
.profile-page .lc-desc { font-size:16px; line-height:1.6; }
.profile-page .lc-badge { margin-top:auto; padding-top:16px; font-size:12px; line-height:1.5; letter-spacing:1px; }
.profile-page .toolkit { min-height:0; padding:48px 5vw; }
.profile-page .toolkit-head { margin-bottom:32px; }
.profile-page .tool-card { min-height:0; padding:24px; }
.profile-page .tool-list { margin-top:24px; gap:8px; }
.profile-page .tool-list span { font-size:12px; line-height:1.5; }
.profile-page .closing:not(.shared-contact) { height:auto; min-height:0; padding:48px 5vw 64px; }
.profile-page .closing-stage { width:min(1000px,100%); padding-top:32px; border-top:1px solid var(--line); }
.profile-page .closing-title { margin-top:16px; }
.profile-page .closing-lead,.profile-page .closing-email,.profile-page .closing-links { margin-top:24px; }
.profile-page .closing-email { max-width:100%; overflow-wrap:anywhere; }
.profile-page .closing-links { gap:16px 24px; font-size:12px; line-height:1.6; }
.profile-page .closing-links a { min-height:48px; }
.profile-page .tl-now::after { content:none; }
@media(min-width:901px) and (max-width:1280px) {
 .profile-page .cards { grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:84px; }
}
@media(min-width:901px) {
 .profile-page .tl-head { top:164px; }
 .profile-page .tl-track-wrap { top:clamp(340px,40svh,420px); }
 .profile-page .tl-card { max-height:calc(100svh - clamp(340px,40svh,420px) - 96px); overflow:auto; padding:24px; }
 .profile-page .tc-date { font-size:12px; line-height:1.5; }
 .profile-page .tc-co,.profile-page .tc-win { font-size:16px; line-height:1.6; }
}
@media(min-width:901px) {
 .profile-page .showcase-stage { padding-top:148px; box-sizing:border-box; justify-content:flex-start; gap:20px; }
 .profile-page .frame { overflow:clip; }
 .profile-page .project.is-expanded { justify-content:flex-start; padding:54px 32px 24px; }
 .profile-page .project.is-expanded .project-metrics,.profile-page .project.is-expanded .project-tags { display:none; }
 .profile-page .project-details-toggle { min-height:44px; }
 .profile-page .project-detail-panel { max-height:calc(100% - 90px); }
}
.profile-page .hero-split { min-height:850px; padding-top:160px; }
.profile-page .hero-split-copy { max-width:600px; }
.profile-page .hero-split-portrait { filter:none; object-position:42% center; mask-image:linear-gradient(90deg,transparent,#000 12%,#000 80%,transparent),linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent); mask-composite:intersect; }
.profile-page .hero-split-title { font-size:clamp(46px,5vw,76px); line-height:1.05; }
.profile-page .hero-split-lead { font-size:clamp(17px,1.5vw,21px); line-height:1.6; max-width:540px; }
.profile-page .hero-str .hero-name { max-width:950px; margin-inline:auto; font-size:clamp(42px,5.7vw,82px); line-height:1.05; text-wrap:balance; }
.profile-page .hero-str .hero-lead { max-width:750px; font-size:clamp(17px,1.5vw,21px); line-height:1.65; margin-inline:auto; }

.profile-str .hero.hero-str { height:auto; min-height:0; padding:184px 5vw 64px; }
.profile-str .hero-inner { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(0,.75fr); gap:0 40px; max-width:1280px; width:100%; padding:0; text-align:left; }
.profile-str .hero-inner>[data-hero-text] { grid-column:1; }
.profile-str .hero-orb.hero-orb-three { position:relative; inset:auto; transform:none; grid-column:2; grid-row:1 / span 5; align-self:center; width:100%; height:360px; margin:0; }
.profile-str .hero-eyebrow { font-size:12px; line-height:1.6; letter-spacing:1.6px; }
.profile-str .hero-str .hero-name { font-size:clamp(42px,4.5vw,66px); line-height:1.08; margin:16px 0 0; text-wrap:balance; }
.profile-str .hero-str .hero-lead { font-size:18px; line-height:1.6; margin:24px 0 0; max-width:60ch; }
.profile-str .hero-actions { justify-content:flex-start; margin-top:32px; }
@media(max-width:900px) {
 .profile-str .hero.hero-str { padding:160px 5vw 48px; }
 .profile-str .hero-inner { display:flex; flex-direction:column; gap:0; }
 .profile-str .hero-orb.hero-orb-three { order:2; width:280px; height:220px; margin:24px auto 0; left:auto; transform:none; }
 .profile-str .hero-str .hero-name { font-size:clamp(34px,6vw,48px); }
}
.profile-customer-success { font-family:"Hanken Grotesk",system-ui,sans-serif; }
.profile-customer-success .hero { min-height:780px; align-items:center; padding:190px 7vw 90px; background:radial-gradient(ellipse at 80% 30%,rgba(196,155,98,.09),transparent 55%),#100f0c; }
.profile-customer-success h1,.profile-customer-success h2,.profile-customer-success .card h3 { font-family:Newsreader,Georgia,serif; font-weight:400; }
.profile-customer-success h1 { max-width:1050px; font-size:clamp(42px,4.9vw,66px); line-height:1.08; letter-spacing:-.025em; text-wrap:balance; }
.profile-customer-success .lead { font-size:19px; line-height:1.7; max-width:850px; }
.profile-customer-success section:not(.portfolio-tools):not(.shared-contact) { padding:88px 7vw; }
.profile-customer-success h2 { font-size:clamp(30px,3.4vw,48px); line-height:1.15; }
.profile-customer-success .section-head { max-width:900px; margin-bottom:36px; }
.profile-customer-success .card { border-radius:18px; padding:28px; min-height:250px; }
.profile-customer-success .card h3 { font-size:28px; line-height:1.15; }
.profile-customer-success .card p { font-size:16px; line-height:1.7; }
.profile-customer-success .button { border-radius:999px; padding:12px 24px; font-size:14px; }
.profile-customer-success .timeline { max-width:none; }
.profile-customer-success .row { padding:28px 0; grid-template-columns:180px 1fr; }
.profile-customer-success .row li { line-height:1.75; margin-top:8px; }
.profile-customer-success .closing:not(.shared-contact) h2 { max-width:950px; }
.profile-picker .path-options .layer-card { display:flex; flex-direction:column; }
.profile-picker .path-options .lc-badge { margin-top:auto; padding-top:20px; }
@media(max-width:900px) {
 .profile-topbar.topbar { padding:12px 5vw; min-height:64px; gap:12px; }
 .profile-brand-name { display:none; }
 .profile-page-nav { gap:14px; }
 .profile-page-nav a { font-size:12px; }
 .profile-page-nav a:last-child { padding:8px 12px; }
 .profile-switcher { top:64px; justify-content:flex-start; overflow-x:auto; padding:6px 4vw; scrollbar-width:thin; }
 .profile-switcher a { padding:8px 12px; font-size:11px; }
 .profile-switcher .profile-overview { margin-right:2px; }
 .profile-page .hero-split { padding-top:130px; min-height:auto; }
 .profile-page .hero-str { padding-top:150px; }
 .profile-customer-success .hero { min-height:auto; padding:170px 6vw 64px; }
 .profile-customer-success .hero h1 { font-size:clamp(37px,6.5vw,60px); }
 .profile-customer-success .lead { font-size:17px; }
 .profile-customer-success section:not(.portfolio-tools):not(.shared-contact) { padding:64px 6vw; }
 .profile-customer-success .row { grid-template-columns:1fr; gap:10px; }
 .profile-customer-success .grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media(max-width:540px) {
 .profile-switcher { display:grid; grid-template-columns:1fr 1fr; gap:3px 6px; overflow:visible; padding:6px 4vw; }
 .profile-switcher a { text-align:center; min-height:36px; padding:6px 8px; }
 .profile-switcher .profile-overview { border-right:0; }
 .profile-page section[id] { scroll-margin-top:176px; }
 .profile-page .hero-str { padding-top:190px; }
 .profile-page .hero-split { padding-top:168px; }
 .profile-customer-success .hero { padding-top:198px; }
 .profile-page-nav { gap:12px; }
 .profile-page-nav a { min-height:44px; display:flex; align-items:center; }
 .profile-page-nav a:last-child { padding:6px 10px; }
 .profile-customer-success .grid { grid-template-columns:1fr; }
 .profile-customer-success .card { min-height:auto; }
 .profile-page .hero-split-title { font-size:40px; }
 .profile-page .hero-str .hero-name { font-size:40px; }
}
@media(prefers-reduced-motion:reduce) { .profile-page { scroll-behavior:auto; } }


.profile-customer-success .unpack,.profile-customer-success .showcase,.profile-customer-success .timeline { padding:0; }
.profile-customer-success .customer-motion-hero { min-height:0; height:auto; padding:184px 5vw 48px; background:#100f0c; }
.customer-motion-hero .hero-inner { display:grid; grid-template-columns:1.25fr 1fr; column-gap:48px; max-width:1200px; width:100%; text-align:left; margin:0 auto; }
.customer-motion-hero .hero-inner>[data-hero-text] { grid-column:1; }
.customer-motion-hero .hero-orb { grid-column:2; grid-row:1 / span 5; align-self:center; margin:0; width:100%; height:420px; }
.profile-customer-success .customer-motion-hero .hero-name { font-size:clamp(42px,4.3vw,62px); line-height:1.06; margin:10px 0 0; }
.profile-customer-success .customer-motion-hero .hero-lead { font-size:18px; line-height:1.6; margin:22px 0 0; }
.profile-customer-success .customer-motion-hero .customer-motion-context { font-size:16px; color:var(--text-2); }
.customer-motion-hero .hero-actions { justify-content:flex-start; margin-top:26px; }
.customer-motion-system .unpack-stage { box-sizing:border-box; }
.customer-motion-system .unpack-head { max-width:950px; }
.customer-motion-system .unpack-head h2 { font-size:clamp(32px,3.1vw,44px); }
.customer-motion-system .unpack-head p:not(.eyebrow) { font-size:17px; line-height:1.6; max-width:64ch; }
.customer-motion-system .cards { width:100%; grid-template-columns:repeat(3,minmax(0,1fr)); }
.customer-motion-system .layer-card { padding:28px; }
.customer-motion-system .lc-title { font-size:28px; }
.customer-motion-system .lc-desc { font-size:16px; line-height:1.65; }
.profile-customer-success .project-title { font-size:clamp(36px,4vw,54px); }
.profile-customer-success .toolkit { height:auto; min-height:0; padding:48px 5vw; }
.profile-customer-success .toolkit [data-tool] { opacity:1!important; transform:none!important; }
.profile-customer-success .tl-head { max-width:900px; margin-inline:auto; }
.profile-customer-success .tc-win ul { padding-left:18px; margin-top:12px; }
.profile-customer-success .tc-win li { color:var(--text-2); font-size:14px; line-height:1.55; margin-bottom:12px; }
@media(prefers-reduced-motion:reduce) {
 .profile-customer-success .unpack,.profile-customer-success .showcase,.profile-customer-success .timeline { height:auto; min-height:0; }
 .customer-motion-system .unpack-stage { height:auto; padding:64px 5vw; flex-direction:column; align-items:center; overflow:visible; }
 .customer-motion-system .unpack-head { position:relative; top:auto; left:auto; transform:none; margin:0 auto 32px; }
 .customer-motion-system .tracks,.customer-motion-system .cards-svg { display:none; }
 .customer-motion-system .layer-card { margin-top:0!important; }
 .profile-customer-success .showcase-stage { height:auto; padding:64px 5vw; }
 .profile-customer-success .frame { height:auto; aspect-ratio:auto; }
 .profile-customer-success .project { position:relative; inset:auto; opacity:1; transform:none; padding:48px 32px; }
 .profile-customer-success .project-index { position:static; }
 .profile-customer-success .frame-counter,.profile-customer-success .frame-label { display:none; }
 .profile-customer-success .timeline-stage { height:auto; display:block; padding:64px 5vw; }
 .profile-customer-success .tl-head { position:relative; top:0; margin-bottom:32px; }
 .profile-customer-success .tl-now,.profile-customer-success .tl-line,.profile-customer-success .tl-dot { display:none; }
 .profile-customer-success .tl-track { position:relative; flex-direction:column; gap:24px; transform:none!important; }
 .profile-customer-success .tl-node { width:100%; flex:none; }
 .profile-customer-success .tl-card { position:relative; top:0; left:auto; width:100%; max-height:none; opacity:1; transform:none; overflow:visible; }
}
@media(max-width:900px) {
 .profile-customer-success .customer-motion-hero { padding:170px 6vw 50px; min-height:0; }
 .customer-motion-hero .hero-inner { grid-template-columns:1fr; gap:0; }
 .customer-motion-hero .hero-orb { grid-column:1; grid-row:1; height:260px; width:300px; justify-self:center; margin-bottom:20px; }
 .customer-motion-hero .hero-inner>[data-hero-text] { grid-column:1; }
 .profile-customer-success .customer-motion-hero .hero-name { font-size:40px; }
 .customer-motion-system .unpack-stage { padding:48px 6vw 96px; }
 .customer-motion-system .unpack-head { position:relative; top:auto; }
 .customer-motion-system .cards { width:100%; grid-template-columns:1fr; }
 .customer-motion-system .layer-card { min-height:0; }
 .profile-customer-success .tl-card { max-height:none; overflow:visible; }
 .profile-customer-success .tl-head { top:0; }
}
@media(max-width:900px) {
 .profile-page .unpack-stage { min-height:0; padding:48px 5vw 96px; gap:32px; }
 .profile-page .unpack-head { margin:0; }
 .profile-page .cards { grid-template-columns:1fr; gap:84px; }
 .profile-page .showcase-stage,.profile-page .timeline-stage { padding:48px 5vw 32px; }
 .profile-page .showcase-stage { gap:24px; }
 .profile-page .frame,.profile-page .tl-track { width:100%; }
 .profile-page .project { padding:32px 24px; }
 .profile-page .project-desc,.profile-page .tc-co,.profile-page .tc-win { font-size:16px; line-height:1.6; }
 .profile-page .tl-head { margin-bottom:32px; }
 .profile-page .tl-track { gap:24px; }
 .profile-page .tc-date { font-size:12px; }
 .profile-page .toolkit { padding:32px 5vw; }
 .profile-page .closing:not(.shared-contact) { padding:32px 5vw 48px; }
 .profile-page .toolkit-grid { gap:24px; }
}