.direction-c{--accent:#c8ff3d;--body:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic UI","Noto Sans JP",sans-serif;--display:var(--profile-serif);--profile-serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",Georgia,serif;font-size:18px;-webkit-font-smoothing:antialiased}
.direction-c .hero{height:min(850px,calc(100svh - 64px));min-height:720px;display:block}
.direction-c .hero-type{position:absolute;inset:12% auto auto 4vw;width:45%;margin:0;font-family:var(--profile-serif);font-size:clamp(48px,6vw,84px);font-weight:500;line-height:1.05;letter-spacing:-.045em;color:#c2ceab;opacity:1}.direction-c .hero-type span{display:block}.direction-c .hero-type span+span{color:inherit;margin-top:8px;margin-left:0}
.direction-c .hero-copy{position:absolute;inset:43% auto auto 6vw;width:37%;max-width:600px;margin:0}
.direction-c .hero h1{font-family:var(--profile-serif);font-weight:500;font-size:clamp(40px,4.4vw,60px)}
.direction-c .role{font-size:18px;font-weight:600}.direction-c .hero-thesis{font-size:18px;line-height:1.8}
.direction-c .hero-rule{margin:20px 0}
.direction-c .eyebrow,.direction-c .hero-index,.direction-c .review-header{font-family:var(--display);font-size:14px}
.direction-c .section-label,.direction-c .quote,.direction-c .cta-msg{font-family:var(--profile-serif);font-weight:500}
.direction-c .body-text,.direction-c .strength-card p,.direction-c .ach-body p{font-size:18px;line-height:1.85}
.direction-c .cert-group li,.direction-c .skill-item,.direction-c .ind-tag{font-size:17px}
.direction-c .cert-group-label,.direction-c .ext-link-url,.direction-c .cta-label,.direction-c footer{font-size:14px}
.direction-c .section>.section-label{font-size:clamp(24px,3vw,34px)}
.direction-c .field-band>div{font-size:48px}
.direction-c .interactive-orbit{position:absolute;inset:6% 1% auto auto;z-index:2;isolation:isolate;width:56%;height:90%;margin:0}
.orbit-controls{position:absolute;inset:0;pointer-events:none}
.orbit-label{display:block;pointer-events:none;will-change:transform}
.orbit-node{position:absolute;transform:translate(-50%,-50%);min-height:44px;padding:8px 10px;color:#e4ecd8;background:transparent;border:0;font:600 14px/1.3 var(--body);letter-spacing:.015em;white-space:nowrap;cursor:grab;touch-action:none;pointer-events:auto;user-select:none;-webkit-user-select:none}
.orbit-node:before{content:'';position:absolute;inset:9px 3px;background:#080a09e8;z-index:-1;transition:background .2s}
.orbit-node:hover,.orbit-node[aria-pressed="true"]{color:#f1ffd6}.orbit-node:hover:before,.orbit-node[aria-pressed="true"]:before{background:#253314ec}
.orbit-node[aria-pressed="true"]:after{content:'';position:absolute;bottom:5px;left:12px;right:12px;height:1px;background:#c8ff3d}
.orbit-node:active,.orbit-node.is-dragging{cursor:grabbing}.orbit-node:focus-visible{outline:1px solid #c8ff3d;outline-offset:2px}
.orbit-help{position:absolute;bottom:10px;left:12%;right:8%;display:flex;justify-content:space-between;align-items:center;gap:12px;font:400 12px/1.5 var(--body);color:#b3c1bb}
.orbit-reset{border:0;background:none;color:#dceee7;font:500 12px/1.4 Arial,sans-serif;cursor:pointer;min-height:44px;padding:10px}
.orbit-status{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:760px){
 .direction-c .hero{height:auto;min-height:0;display:flex;flex-direction:column}
 .direction-c .hero-type{position:relative;inset:auto;order:0;width:auto;margin:82px 24px 0;font-size:clamp(38px,9.7vw,66px)}
 .direction-c .hero-type span{display:block}.direction-c .hero-type span+span{margin-left:0}
 .direction-c .hero-copy{position:relative;inset:auto;order:1;width:auto;margin:36px 24px 20px}
 .direction-c .interactive-orbit{position:relative;inset:auto;order:2;width:100%;height:400px;margin:0}
 .direction-c .section>.section-label{font-size:26px}
 .direction-c .field-band>div{font-size:34px}
 .orbit-node{font-size:14px;padding-inline:6px}
 .direction-c .hero h1{font-size:40px}.direction-c .role,.direction-c .hero-thesis{font-size:17px}
 .direction-c .body-text,.direction-c .strength-card p,.direction-c .ach-body p{font-size:17px}
 .direction-c .review-header{font-size:12px}
 .orbit-help{left:20px;right:16px;font-size:12px}
}

/* Common navigation replaces the comparison header on published profiles. */
body.direction-c.pn-common-shell{padding-top:58px}
html[lang="en"] .direction-c .hero h1{font-size:clamp(32px,3.5vw,48px)}
.profile-native-name{display:block;white-space:nowrap;font-size:.75em;margin-top:.3em}
@media(max-width:720px){body.direction-c.pn-common-shell{padding-top:0}}

/* Serif titles and larger sans-serif reading text have separate roles. */
body.direction-c.pn-common-shell .body-text,
body.direction-c.pn-common-shell .strength-card p,
body.direction-c.pn-common-shell .ach-body p,
body.direction-c.pn-common-shell .cta-sub{
 font-family:var(--body)!important;font-size:20px;font-weight:400;line-height:1.85;letter-spacing:normal;color:#d7dad2;
}
body.direction-c.pn-common-shell .hero-thesis{
 font-family:var(--body)!important;font-size:20px;font-weight:400;line-height:1.8;letter-spacing:normal;
}
body.direction-c.pn-common-shell .role{
 font-family:var(--body)!important;font-size:18px;font-weight:650;line-height:1.55;letter-spacing:normal;
}
body.direction-c.pn-common-shell .hero .eyebrow{
 font-family:var(--display)!important;font-weight:600;letter-spacing:.1em;
}
body.direction-c.pn-common-shell .quote,
body.direction-c.pn-common-shell .cta-msg,
body.direction-c.pn-common-shell .section>.section-label,
body.direction-c.pn-common-shell .field-band>div,
body.direction-c.pn-common-shell .strength-card h3,
body.direction-c.pn-common-shell .ach-body strong,
body.direction-c.pn-common-shell .ext-link-label{
 font-family:var(--profile-serif)!important;font-weight:500;
}
body.direction-c.pn-common-shell .cert-group li,
body.direction-c.pn-common-shell .skill-item,
body.direction-c.pn-common-shell .ind-tag{font-family:var(--body);font-size:19px;line-height:1.85}
body.direction-c.pn-common-shell .ext-link-url,
body.direction-c.pn-common-shell .cert-group-label,
body.direction-c.pn-common-shell .cta-label{font-family:var(--body);font-size:16px;line-height:1.7}
body.direction-c.pn-common-shell .strength-card h3,
body.direction-c.pn-common-shell .ach-body strong,
body.direction-c.pn-common-shell .ext-link-label{font-size:24px;line-height:1.6}
.direction-c .hero-thesis .thesis-fields,
.direction-c .hero-thesis .thesis-action{display:block}
.direction-c .phrase{display:inline-block;white-space:nowrap}
.direction-c .quote{max-width:100%;text-wrap:pretty}
.direction-c .quote-action{display:block}
.direction-c .ach-body strong{display:block;text-wrap:balance}
/* Every chapter reads top to bottom at every viewport width. */
.direction-c .section{display:block}
.direction-c .section>.section-label{position:static;margin-bottom:32px}
.direction-c .body-text{margin-left:0}
@media(max-width:760px){
 body.direction-c.pn-common-shell .body-text,
 body.direction-c.pn-common-shell .strength-card p,
 body.direction-c.pn-common-shell .ach-body p,
 body.direction-c.pn-common-shell .cta-sub,
 body.direction-c.pn-common-shell .hero-thesis{font-size:18px;line-height:1.85}
 body.direction-c.pn-common-shell .role{font-size:18px}
 body.direction-c.pn-common-shell .cert-group li,
 body.direction-c.pn-common-shell .skill-item,
 body.direction-c.pn-common-shell .ind-tag{font-size:18px}
 body.direction-c.pn-common-shell .strength-card h3,
 body.direction-c.pn-common-shell .ach-body strong,
 body.direction-c.pn-common-shell .ext-link-label{font-size:22px}
}