:root{--ink:#102b55;--navy:#061d43;--muted:#52677c;--line:#d7e1e9;--serif:'Hiragino Mincho ProN','Yu Mincho',serif;--sans:'Hiragino Sans','Yu Gothic',sans-serif;color:var(--ink);background:white;font-family:var(--serif);font-size:16px}*{box-sizing:border-box}body{margin:0}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-underline-offset:6px}button{border:0;background:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #bb473d;outline-offset:5px}p{line-height:1.9}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h2{font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.7}h3{font-size:1.5rem;line-height:1.7}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;left:16px;top:-100px;padding:16px;background:white;z-index:100}.skip:focus{top:16px}.hero{position:relative;isolation:isolate;overflow:hidden}.personal-hero{min-height:62.75vw;padding:8.6vw 5.7vw 6vw;color:#070f47}.personal-art{position:absolute;inset:0;z-index:-2;pointer-events:none}.personal-right{position:absolute;right:0;top:0;width:46.97%;height:100%;object-fit:fill;mask-image:linear-gradient(to right,transparent,#000 9%)}.personal-header{position:relative;z-index:3;margin-bottom:3.5vw}.identity{font-size:clamp(1.4rem,1.65vw,2rem);letter-spacing:.18em}.identity span{font-size:.6em;letter-spacing:.06em;white-space:nowrap}.role{font-size:clamp(.875rem,1vw,1.125rem);margin:8px 0 0;letter-spacing:.06em}.personal-copy{width:51%}.personal h1{font-size:clamp(2rem,3.55vw,4rem);line-height:1.48;letter-spacing:.13em;margin:0 0 2vw;white-space:nowrap}.personal h1 span,.personal h1 strong{display:block}.personal h1 strong{font-size:1.5em;letter-spacing:.12em;font-weight:400}.personal .intro{font-size:clamp(1rem,1.04vw,1.125rem);line-height:2;letter-spacing:.025em;max-width:49vw;margin-bottom:2.8vw}.cta{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;background:var(--navy);color:white;text-decoration:none;padding:19px 26px;min-height:60px;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.6;border:1px solid var(--navy);text-align:left}.cta span{flex:none}.cta:hover{background:#153b6b}.cta-note{font-size:1rem;margin:7px 0 1.7vw}.themes{font-size:1rem;margin-bottom:.4vw}.support-links{display:flex;flex-wrap:wrap;gap:18px 32px}.support-links button{border-bottom:1px solid;padding:9px 0;font-size:1.05rem;text-align:left}.mobile-portrait,.mobile-only{display:none}.ribbon-motion{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}.menu-toggle{position:absolute;top:-4px;right:0;font-family:var(--sans);font-size:.875rem;min-height:44px;padding:8px;background:#fffffff0;display:flex;align-items:center;gap:8px}.personal-header .menu-toggle{right:-1vw;top:-6vw}.menu-toggle span{font-size:1.3rem}#menu{position:absolute;right:0;top:50px;z-index:10;background:white;box-shadow:0 10px 45px #061d4325;padding:16px;max-width:min(90vw,420px);color:var(--ink);font-family:var(--sans)}#menu button,#menu a{display:block;text-align:left;font-size:1rem;text-decoration:none;padding:12px;width:100%}.personal-header #menu{top:-2vw}.company-hero{min-height:76.53vw;padding:5.42vw 6.11vw 6.4vw}.company-background,.company-intro,.company-alive{position:absolute;inset:0;z-index:-3;width:100%;height:100%;pointer-events:none}.company-background img{width:100%;height:100%;object-fit:fill}.company-background:before{content:'';position:absolute;inset:0 42.36% 0 0;background:#051d3b1f}.company-background:after{content:'';position:absolute;inset:0 0 0 67.22%;background:#fffffff0}.company-intro{z-index:-1}.company-alive{z-index:-2}.company-header{display:flex;align-items:center;justify-content:space-between;position:relative;margin-bottom:4.2vw}.company-logo{width:7.1vw;height:auto;display:block}.desktop-nav{display:flex;gap:1.5vw;font-family:var(--sans);font-size:1rem;align-items:center}.desktop-nav button{padding:10px 0}.desktop-nav button:nth-child(-n+2){color:white}.desktop-nav button:nth-child(2){margin-right:15vw}.company-header .menu-toggle{display:none}.company-layout{display:grid;grid-template-columns:65.5% 29.3%;gap:5.2%}.company-copy{color:white}.eyebrow{font-family:var(--sans);font-size:.875rem;font-weight:400;color:var(--muted);line-height:1.6}.company-copy .eyebrow{color:#d2e0f0;font-size:clamp(.875rem,.9vw,1rem);margin-bottom:1.5vw}.company h1{line-height:1.7;margin-bottom:2.5vw}.company h1 span{display:block;font-size:clamp(1.5rem,2.6vw,2.6rem);letter-spacing:.06em}.company h1 em{display:block;font-style:normal;font-size:clamp(2.4rem,4.9vw,5rem)}.company h1 strong{display:block;font-size:clamp(1.9rem,3.65vw,3.6rem);line-height:1.6}.company-copy>p:not(.eyebrow){font-family:var(--sans);font-size:clamp(1rem,1.45vw,1.375rem);max-width:42vw;margin-bottom:2vw;color:#e8eff8}.benefits{padding-top:3.5vw}.benefits dl{margin:0}.benefits dl>div{position:relative;margin-bottom:4vw;padding-left:2vw}.benefits dt{font-size:1.6rem;margin-bottom:.8vw}.benefits dt:before{content:'';width:10px;height:10px;border-radius:50%;background:#c95144;position:absolute;left:0;top:12px}.benefits dd{margin:0;font-size:clamp(1.125rem,1.5vw,1.4rem);line-height:1.85}.benefits .cta{margin-top:2.5vw;width:100%;font-size:clamp(1rem,1.4vw,1.3rem);padding:18px 20px;gap:10px}.company-footnote{color:#cadbed;font-family:var(--sans);font-size:1rem;margin:4.8vw 0 0}.content-section{padding:5vw 6.11vw 7vw;scroll-margin-top:24px}.content-section>p:not(.eyebrow){font-family:var(--sans);font-size:1.25rem;color:var(--muted)}.content-section>.eyebrow{margin-bottom:2vw}.voice{padding:34px 42px;background:#f3f7fb;border-left:1px solid #346cad;margin:2.4vw 0}.voice blockquote{margin:20px 0 28px;font-size:clamp(1.35rem,2.3vw,2.1rem);line-height:1.85}.voice.secondary blockquote{font-size:clamp(1.2rem,1.85vw,1.7rem)}.voice>p:last-child{font-size:1.125rem;margin-bottom:0}.voice details{margin-top:12px}.voice details p{margin-top:18px}.voice summary{font-family:var(--sans);font-size:1rem;cursor:pointer;text-decoration:underline;text-underline-offset:5px;width:fit-content;padding:8px 0}.note{font-size:1rem!important;line-height:1.9}.outline{border:1px solid var(--line);min-height:60px;padding:16px 24px;font-size:1.25rem}.roles-title{margin-top:6vw}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:3vw;margin:32px 0}.three-columns article{border-top:1px solid var(--line);padding-top:24px}.three-columns p{font-family:var(--sans);font-size:1.125rem;color:var(--muted)}.three-columns .number{color:#b84639}.diagram{display:block;width:100%;margin:32px 0}.diagram img{display:block;width:100%;height:auto}.preview-footer{padding:28px 6vw;background:#f4f7fa;font-family:var(--sans);font-size:.875rem;display:flex;gap:20px;align-items:center;flex-wrap:wrap}.preview-footer p{margin:0}.preview-footer button{padding:10px;border:1px solid #52677c}.preview-footer a{padding:10px}dialog{border:1px solid var(--line);padding:30px;max-width:min(90vw,540px);color:var(--ink)}dialog::backdrop{background:#061d4355}dialog h2{font-size:1.5rem}dialog button{background:var(--navy);color:white;padding:12px 24px;min-height:44px}#error-note{padding:14px 24px;background:#fff4da;color:#4a370d;font-family:var(--sans);font-size:1rem}html.motion-paused *,html.page-hidden *{animation-play-state:paused!important}.company.motion-fallback .company-logo{background:var(--navy);padding:4px}.company.motion-fallback .company-copy,.company.motion-fallback .company-copy>p,.company.motion-fallback .company-copy .eyebrow,.company.motion-fallback .company-footnote{color:var(--ink)}.company.motion-fallback .desktop-nav button{color:var(--ink)}
@media(min-width:1800px){.hero,.content-section{max-width:1800px;margin:auto}.personal-hero{min-height:1129px}.company-hero{min-height:1377px}}
@media(max-width:1050px) and (min-width:761px){.company-layout{grid-template-columns:62% 33%;gap:5%}.desktop-nav{gap:12px;font-size:.875rem}.desktop-nav button:nth-child(2){margin-right:4vw}.benefits dt{font-size:1.3rem}.personal-copy{width:54%}.personal .intro{font-size:1rem}.personal .themes{font-size:.875rem}.support-links{gap:8px}.personal-hero{padding-top:7vw}.personal-header{margin-bottom:4vw}.personal .cta{padding:14px}.company-copy>p:not(.eyebrow){max-width:45vw}}
@media(max-width:760px){.personal-hero{padding:38px 24px 42px;min-height:0;background:white url('assets/personal-mobile.webp') center top/100% auto no-repeat}.personal-art{display:none}.personal-header{margin:0 0 36px}.identity{font-size:1.65rem;letter-spacing:.03em}.identity span{display:block;font-family:var(--sans);font-size:.875rem;margin-top:12px;color:var(--muted);letter-spacing:0}.role{font-family:var(--sans);font-size:.875rem;margin-top:42px;max-width:260px;line-height:1.8}.personal-header .menu-toggle{right:0;top:0}.personal-header #menu{top:45px}.personal-copy{width:100%;display:flex;flex-direction:column}.personal h1{font-size:clamp(1.65rem,4.9vw,2.2rem);line-height:1.85;letter-spacing:.025em;margin-bottom:24px;white-space:normal}.personal h1 span{display:inline}.personal h1 span:first-child{display:block;white-space:nowrap;font-size:.96em}.personal h1 strong{display:inline;font-size:1em;letter-spacing:inherit}.mobile-portrait{display:block;width:100%;height:112vw;max-height:540px;overflow:hidden;margin:0 auto 4px;mask-image:linear-gradient(#000 87%,transparent)}.mobile-portrait img{display:block;width:100%;height:auto;aspect-ratio:760/1550;object-fit:contain;object-position:top}.personal .intro{order:4;max-width:none;font-size:1.1rem;line-height:1.9;margin:24px 0 18px;font-family:var(--sans);color:var(--muted)}.personal .intro br{display:none}.personal-action{order:3}.personal .cta{width:100%;padding:18px 16px;font-size:1rem;gap:10px;min-height:64px}.cta-note{font-family:var(--sans);font-size:.875rem;margin:14px 0 0;line-height:1.8;color:var(--muted)}.mobile-only{display:inline}.themes{display:none}.support-links{order:5;gap:16px;font-family:var(--sans)}.support-links button{font-size:1rem}.ribbon-motion{height:700px;top:150px;width:180%;left:-80%}.company-hero{padding:38px 24px 40px;min-height:0}.company-background{height:100%;background:white}.company-background img{height:100%;object-fit:cover;object-position:top}.company-background:before,.company-background:after{display:none}.company-header{margin-bottom:56px;min-height:65px}.company-logo{width:90px}.company-header .menu-toggle{display:flex}.desktop-nav{display:none}.company-layout{display:block}.company-copy{color:var(--ink)}.company-copy .eyebrow{display:inline-block;background:#ffffffed;padding:10px 8px;color:var(--muted);font-size:.875rem;line-height:1.7;margin-left:-8px;margin-bottom:0}.company h1{margin:0 0 26px;line-height:1.8}.company h1 span{font-size:1.6rem;max-width:290px;line-height:1.8}.company h1 em{font-size:2.4rem;margin:18px 0 2px}.company h1 strong{font-size:2.2rem;line-height:1.7;max-width:300px}.company-copy>p:not(.eyebrow){font-size:1.125rem;max-width:none;color:var(--muted);line-height:1.95;margin-bottom:22px}.benefits{padding-top:20px;border-top:1px solid var(--line)}.benefits dl>div{padding:0;margin-bottom:28px}.benefits dt{font-family:var(--sans);font-size:.875rem;color:var(--muted);margin:0 0 12px}.benefits dt:before{display:none}.benefits dd{font-size:1.3rem;line-height:1.85}.benefits .cta{font-size:1rem;padding:18px 14px;margin-top:0}.company-footnote{font-size:.95rem;color:var(--muted);margin:20px 0 0}.company-alive{display:none}.content-section{padding:42px 24px}.content-section h2{font-size:1.75rem}.content-section>p:not(.eyebrow){font-size:1.1rem}.content-section>.eyebrow{margin-bottom:22px}.voice{padding:24px 20px;margin:26px 0}.voice blockquote{font-size:1.35rem}.voice.secondary blockquote{font-size:1.2rem}.three-columns{grid-template-columns:1fr;gap:12px}.roles-title{margin-top:44px}.three-columns h3{font-size:1.35rem}.diagram{width:calc(100% + 48px);margin-left:-24px}.diagram img{width:100%;height:auto;aspect-ratio:auto}.preview-footer{gap:12px;padding:24px}.preview-footer p{width:100%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The approved portrait and geometry are independent, lossless masked layers. */
.company-background:before,.company-background:after{display:none}.personal-person{mask-image:none}.entering .personal-person{animation:person-in 2.25s both}.entering .personal-geometry{animation:geometry-in 4.8s both}.personal.entering h1 span:nth-child(1){animation:text-in .85s .2s both}.personal.entering h1 span:nth-child(2){animation:text-in .85s .48s both}.personal.entering h1 strong{animation:text-in .95s .76s both}.entering .personal-copy .intro{animation:text-in .8s 1.45s both}.entering .personal-action{animation:text-in .8s 2.05s both}.entering .themes,.entering .support-links{animation:text-in .8s 2.35s both}.entering .mobile-portrait{animation:person-in 2.25s both}.entering .company-header{animation:text-in .7s 2.18s both}.entering .company-copy .eyebrow{animation:text-in .65s 2.27s both}.company.entering h1{animation:headline-in .98s 2.3s both}.entering .company-copy>p:not(.eyebrow){animation:text-in .82s 3.05s both}.entering .benefits{animation:text-in .9s 3s both}.entering .company-footnote{animation:text-in .8s 3.57s both}
@keyframes person-in{0%,20%{opacity:0}100%{opacity:1}}@keyframes geometry-in{0%,30%{opacity:0}100%{opacity:1}}@keyframes text-in{from{opacity:0}to{opacity:1}}@keyframes headline-in{from{opacity:0;transform:translateY(45px)}to{opacity:1;transform:none}}
@media(min-width:761px){.personal-right{height:auto;object-fit:contain}.personal .intro{width:49vw;max-width:none}.desktop-nav{position:absolute;inset:0;display:block;pointer-events:none}.desktop-nav button{position:absolute;top:50%;transform:translateY(-50%);pointer-events:auto;white-space:nowrap}.desktop-nav button:nth-child(1){left:37.34%}.desktop-nav button:nth-child(2){left:44.94%;margin-right:0}.desktop-nav button:nth-child(3){left:71.52%}.desktop-nav button:nth-child(4){left:80.38%}.desktop-nav button:nth-child(5){left:88%}}
@media(min-width:761px) and (max-width:1100px){.desktop-nav{display:none}.company-header .menu-toggle{display:flex}}
@media(max-width:760px){.company h1 strong span{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:0;display:block;white-space:nowrap}.personal .role{font-size:.875rem}.personal-hero{background-size:100% 100%}}
@media(min-width:761px){.company h1 strong span{display:inline;font-size:inherit;letter-spacing:0}}
@media(min-width:761px){.personal .role{max-width:49vw}.personal h1{white-space:normal}}
html.large-text .desktop-nav{display:none}html.large-text .company-header .menu-toggle{display:flex}