/* D1 visual study: the opening and executive-experience feature only.
   Approved copy and every contact capability are preserved. */
.review-bar{background:#10151d}
.masthead{border-bottom-color:#ffffff12}
.header-row{min-height:104px}
.hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px 42px;padding-block:68px 54px;align-items:center}
.hero-copy{position:relative;z-index:1}
.hero .eyebrow{font-size:.875rem;letter-spacing:.04em}
.hero h1{font-size:clamp(2.1rem,3.65vw,3.25rem);font-weight:500;line-height:1.52;letter-spacing:-.025em}
.hero h1 .gold{color:#dec18c}
.h1-intro{font-size:1rem;letter-spacing:.08em;margin-bottom:22px}
.hero-lead{font-size:1.0625rem;line-height:1.95;max-width:570px;margin-top:23px;color:#cecac2}
.hero-actions{margin-top:30px;gap:25px;font-size:1rem}
.hero-actions .gold-button{background:#d6b77d;min-height:54px;padding:14px 23px;transition:background .2s,transform .2s}
.hero-actions .gold-button:hover{background:#ecd3a7;transform:translateY(-2px)}
.micro-proof{font-size:.875rem;margin-top:28px;line-height:1.9;color:#bcb6ab}
.micro-proof strong{font:2.2rem/1 Georgia,serif;color:var(--bright);display:inline-block;margin-right:7px}
.hero-art{min-width:0;aspect-ratio:1/1;position:relative;align-self:center}
.hero-art img{display:block;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(to bottom,transparent 0%,#000 7%,#000 88%,transparent 100%)}
.hero-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid #b398622f;padding-top:27px}
.hero-notes p{max-width:none;margin:0;font-size:1rem;line-height:1.95;color:#b7b3ab}
.hero-notes p+p{padding-left:32px;border-left:1px solid #b398622f}
.hero .journey-figure{grid-column:1/-1;max-width:none;width:100%;margin:0;border:0;border-top:1px solid #b3986240;padding:28px 0 0}
.journey-figure .figure-heading{align-items:center}
.journey-figure .motion-button{font-size:.875rem;border-color:#65583e;padding:7px 12px}
.hero .journey-route{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:26px 0 24px;padding:0}
.hero .journey-route li{display:block;padding:0 26px 0 0;border-top:1px solid #726046;min-width:0;position:relative;--step-delay:0s}
.hero .journey-route li:before{display:none}
.hero .route-no{font:1rem/1.4 Georgia,serif;width:40px;height:30px;border:0;border-radius:6px;position:relative;z-index:1;margin-top:-15px;background:var(--paper);justify-items:center;animation:d5-route 12s linear infinite;animation-delay:var(--step-delay)}
.hero .journey-route li:nth-child(2){--step-delay:-9s}
.hero .journey-route li:nth-child(3){--step-delay:-6s}
.hero .journey-route li:nth-child(4){--step-delay:-3s}
.hero .journey-route li:nth-child(n) .route-no{animation-delay:var(--step-delay)}
.hero .journey-route li:after{content:'';position:absolute;top:-2px;left:0;right:0;height:3px;background:#dec18c;transform:scaleX(0);transform-origin:left;animation:d5-progress 12s linear infinite;animation-delay:var(--step-delay)}
.motion-help{font-size:.875rem;color:var(--muted);margin:12px 0 0;line-height:1.7}
.hero .journey-route strong{display:block;font-size:1.25rem;margin-top:13px;font-weight:500}
.hero .journey-route p{font-size:.9375rem;line-height:1.8;margin-top:7px}
.hero .journey-figure figcaption{border-top:0;padding:0;font-size:1rem;display:flex;flex-wrap:wrap;gap:4px 18px;align-items:baseline;color:#d7c39d}
.hero .journey-figure figcaption br{display:none}
.hero .journey-figure figcaption strong{font-size:.9375rem;margin:0;color:var(--muted)}
@keyframes d5-route{0%,24.99%{background:#dec18c;color:#10151d}25%,100%{background:var(--paper);color:var(--gold)}}
@keyframes d5-progress{0%{transform:scaleX(0);opacity:1}24.99%{transform:scaleX(1);opacity:1}25%,100%{transform:scaleX(1);opacity:0}}
.motion-paused .hero .route-no,.motion-paused .hero .journey-route li:after{animation-play-state:paused}
.brief-result:focus{outline:2px solid var(--gold);outline-offset:5px}
.form-next-step{font-size:.9375rem;line-height:1.8;color:var(--bright);margin:20px 0 14px}

/* Large editorial numeral and a quietly structured executive-role strip. */
#experience{padding-top:110px}
#experience>.eyebrow{padding-bottom:22px;border-bottom:1px solid #b3986240}
#experience .experience-lead{grid-template-columns:minmax(180px,.8fr) minmax(0,2fr);gap:66px;margin-top:46px;align-items:center}
#experience .years{padding:0;border:0;position:relative}
#experience .years strong{font:clamp(9rem,15vw,13rem)/.9 Georgia,'Times New Roman',serif;color:#d6b77d;letter-spacing:-.075em}
#experience .years span{font-size:1rem;margin-top:25px;letter-spacing:.08em;padding-left:8px}
#experience .experience-lead h2{font-size:clamp(1.8rem,2.8vw,2.65rem);line-height:1.65}
#experience .experience-lead p{font-size:1.0625rem;line-height:2;max-width:750px;margin-top:23px}
#experience .role-deck{background:none;border:0;border-top:1px solid #b3986240;border-bottom:1px solid #b3986240;margin-top:46px;counter-reset:role}
#experience .role-deck>div{padding:28px 23px 29px;border-color:#b398622f;counter-increment:role}
#experience .role-deck>div:first-child{padding-left:0}
#experience .role-deck>div:last-child{padding-right:0}
#experience .role-deck>div:before{content:'0' counter(role);font:1rem/1.5 Georgia,serif;display:block;color:#bca16e;margin-bottom:19px}
#experience .role-deck span{font-size:.875rem}
#experience .role-deck strong{color:#eee6d8;font-size:1.125rem;line-height:1.6;margin-top:12px}
#experience .role-deck p{font-size:.9375rem;color:#b7b3ab;line-height:1.85}

/* The online-trading case becomes an editorial feature, not another dark box. */
#online-trading-experience{position:relative;grid-template-columns:minmax(0,.95fr) minmax(0,1.25fr);gap:58px;margin-top:56px;padding:50px 48px;background:#ebe7dd;border:0;color:#1e252a}
#online-trading-experience .eyebrow{font-size:.875rem;color:#72582f;letter-spacing:.02em}
#online-trading-experience h3{font-size:clamp(1.65rem,2.6vw,2.35rem);line-height:1.65;margin-top:20px}
#online-trading-experience .gold{color:#806035}
#online-trading-experience p{color:#4f5354;font-size:1rem;line-height:2}
#online-trading-experience h4{color:#252c2f;font-size:1.125rem;font-weight:600}
#online-trading-experience .career-feature-body{padding-left:36px;border-left:1px solid #b1a38c}
#online-trading-experience .career-feature-body h4:not(:first-child){margin-top:32px;padding-top:28px;border-top:1px solid #c6bdae}
#online-trading-experience .achievement-path{border:0;counter-reset:achievement;margin-top:30px}
#online-trading-experience .achievement-path li{counter-increment:achievement;border-top:1px solid #c6bdae;padding:13px 0;display:flex;gap:14px;color:#5b482f;font-size:.9375rem;align-items:baseline}
#online-trading-experience .achievement-path li:before{content:'0' counter(achievement);position:static;display:inline;background:none;border-radius:0;width:auto;height:auto;flex-shrink:0;color:#836638;font:1rem Georgia,serif}

@media(max-width:1050px){
 .hero{gap:34px 24px;padding-top:48px;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr)}
 .hero h1{font-size:clamp(2rem,3.8vw,2.7rem)}
 .hero-notes{gap:28px}.hero-notes p+p{padding-left:26px}
 #experience .experience-lead{gap:35px}
 #experience .role-deck{grid-template-columns:1fr 1fr}
 #experience .role-deck>div{padding:24px!important}
 #experience .role-deck>div:nth-child(2){border-right:0}
 #experience .role-deck>div:nth-child(-n+2){border-bottom:1px solid #b398622f}
 #online-trading-experience{padding:35px;gap:30px}
 #online-trading-experience .career-feature-body{padding-left:28px}
}
@media(max-width:760px){
 .header-row{min-height:0}
 .hero{grid-template-columns:1fr;gap:28px;padding-block:38px}
 .hero-copy{grid-row:1}
 .hero h1{font-size:clamp(1.9rem,6.8vw,3rem);line-height:1.6;letter-spacing:-.025em}
 .h1-intro{font-size:.9375rem;margin-bottom:16px}
 .hero-lead{font-size:1rem;line-height:1.9}
 .hero .eyebrow{font-size:.875rem}
 .hero-actions{gap:18px;font-size:.9375rem;margin-top:25px}
 .micro-proof{font-size:.875rem;margin-top:24px}
 .micro-proof strong{display:block;font-size:1.7rem;margin-bottom:10px}
 .hero-art{grid-row:2;width:min(100%,470px);aspect-ratio:1.25;margin-inline:auto}
 .hero-art img{object-fit:cover;object-position:center 47%}
 .hero-notes{grid-template-columns:1fr;gap:17px;padding-top:22px}
 .hero-notes p,.hero-notes p+p{padding:0;border:0;font-size:1rem}
 .hero .journey-figure{padding-top:22px}
 .journey-figure .figure-heading{flex-wrap:wrap;gap:14px}
 .hero .journey-route{grid-template-columns:1fr 1fr;row-gap:33px;margin-top:29px}
 .hero .journey-route li{padding-right:18px}
 .hero .journey-route strong{font-size:1.15rem;margin-top:7px}
 .hero .journey-route p{font-size:.9375rem}
 .hero .journey-figure figcaption{display:block;font-size:1rem;line-height:1.9}
 .hero .journey-figure figcaption strong{margin-top:6px;font-size:.9375rem}
 #experience{padding-top:65px}
 #experience .experience-lead{grid-template-columns:1fr;gap:26px;margin-top:34px}
 #experience .years{display:flex;flex-direction:row;gap:25px;align-items:end}
 #experience .years strong{font-size:8.5rem}
 #experience .years span{font-size:.9375rem;margin:0 0 9px;padding:0}
 #experience .experience-lead h2{font-size:clamp(1.65rem,5.5vw,2.1rem);line-height:1.65}
 #experience .experience-lead p{font-size:1rem;margin-top:19px;line-height:1.95}
 #experience .role-deck{margin-top:30px}
 #experience .role-deck>div{padding:22px 16px!important}
 #experience .role-deck>div:nth-child(odd){padding-left:0!important}
 #experience .role-deck>div:nth-child(even){padding-right:0!important}
 #experience .role-deck strong{font-size:1rem;overflow-wrap:anywhere}
 #experience .role-deck p{font-size:.9375rem}
 #online-trading-experience{grid-template-columns:1fr;padding:30px 24px;margin-top:35px;gap:30px}
 #online-trading-experience h3{font-size:1.8rem;margin-top:15px}
 #online-trading-experience .career-feature-body{padding:27px 0 0;border-left:0;border-top:1px solid #b1a38c}
 #online-trading-experience .career-feature-body h4:not(:first-child){margin-top:25px;padding-top:24px}
}
@media(max-width:380px){
 .hero-actions{flex-direction:row;align-items:center}
 .hero-actions .button{width:100%}
 .hero h1{font-size:1.8rem}
 #experience .role-deck{grid-template-columns:1fr}
 #experience .role-deck>div{padding:22px 0!important;border-right:0;border-bottom:1px solid #b398622f}
 #experience .role-deck>div:last-child{border-bottom:0}
 #online-trading-experience{padding-inline:20px}
}
@media(prefers-reduced-motion:reduce){.hero .route-no{animation:none}.hero-actions .gold-button{transition:none}.hero-actions .gold-button:hover{transform:none}}

/* D2: logo-derived sculpture. Contain preserves the complete mark on mobile. */
.hero-art-brand{border:0;background:none;box-shadow:none}
.hero-art-brand img{object-fit:contain;object-position:center;border:0;box-shadow:none;-webkit-mask-image:linear-gradient(to right,transparent,#000 17%,#000 83%,transparent),linear-gradient(to bottom,transparent,#000 17%,#000 77%,transparent);mask-image:linear-gradient(to right,transparent,#000 17%,#000 83%,transparent),linear-gradient(to bottom,transparent,#000 17%,#000 77%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}

/* D3: softer surfaces, with the original typography and editorial rhythm intact. */
:root{--radius-panel:16px;--radius-inset:12px;--radius-control:8px;--panel-rule:#b8c3d12e}
.service-grid{gap:20px;border:0}
.service-card,.think-card{border:1px solid var(--panel-rule);border-radius:var(--radius-panel)}
.think-card{background:#111721}
.pioneer-card,.career-map,.engagement-rich article,.advisory,.brief-result,#online-trading-experience{border-radius:var(--radius-panel)}
.pioneer-card,.career-map,.engagement-rich article{border-color:var(--panel-rule)}
.engagement-rich .engagement-feature,.advisory{border-color:#b398626b}
.review-workflow,.advisory-promise,.form-mode-note{border-radius:var(--radius-inset)}
.career-stations details,.usecase-grid details{border-radius:var(--radius-inset)}
.usecase-grid details{border-color:var(--panel-rule)}
.usecase-grid details[open]{border-color:#6b8992}
.career-stations summary,.usecase-grid summary{border-radius:11px}
.career-stations details[open]>summary,.usecase-grid details[open]>summary{border-radius:11px 11px 0 0}
.contact-options>a.line-add-primary{border-radius:var(--radius-panel);border-color:#368c5b}
.line-qr>a{border-radius:var(--radius-control)}
.button,.nav-contact,.motion-button,.mobile-contact a,.brief-form button{border-radius:var(--radius-control)}
.brief-form input:not([type=checkbox]),.brief-form select,.brief-form textarea,.brief-result textarea,.email-copy-row input{border-radius:var(--radius-control)}
.brief-section .brief-form .chip{border-radius:var(--radius-control);border-color:var(--panel-rule)}
/* Keep clear keyboard focus; rounded panels never clip interactive content. */
.brief-section .brief-form .chip:has(input:focus-visible){outline:2px solid var(--gold);outline-offset:3px}