/* Solution B — digital authority. Shared across both languages and inner pages. */
:root{--blue:#005de8;--blue-hover:#0046b3;--ink:#092138;--navy:#071d32;--muted:#506477;--line:#d6e4ed;--paper:#f8fbfd;--pale:#eef5fa;--radius:14px;--gutter:clamp(22px,5vw,76px);--serif:Georgia,'Times New Roman',serif;--cyan:#53d1ef}
body{background:radial-gradient(ellipse at 80% 0,#e7f4fb 0,transparent 35%),var(--paper)}
header{max-width:1440px;margin:0 auto;background:#fff;padding:18px var(--gutter);border:0;gap:16px}
header .brand{flex-basis:360px;margin:0}header .brand-logo{width:360px}nav{gap:17px;font-size:.8125rem}.nav-contact{border-radius:30px;color:#fff;background:var(--blue);border-color:var(--blue);padding:10px 18px}.nav-contact:hover{background:var(--blue-hover);color:#fff}
h2{font-family:var(--serif);font-weight:400;letter-spacing:-.045em;font-size:clamp(2.2rem,3.7vw,3.6rem)}h3{letter-spacing:-.02em}
.button{border-radius:30px;padding:13px 23px}.section{max-width:1440px;margin:auto;border-bottom:1px solid var(--line);padding-top:78px;padding-bottom:78px}.section-label,.eyebrow{font-size:.75rem;letter-spacing:.12em}.section-label:after{content:'';display:block;height:1px;width:48px;margin-top:16px;background:#83c9ef}
.identity-hero{max-width:1320px;margin:0 auto 14px;border-radius:20px;background:radial-gradient(ellipse at 90% 10%,#173e5b 0,transparent 52%),linear-gradient(120deg,#061728,#08223b);color:#fff;padding:50px 48px 0;display:grid;grid-template-columns:1.15fr 1fr;gap:34px 42px;position:relative;isolation:isolate}
.identity-hero:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#8bcaf00a 1px,transparent 1px),linear-gradient(90deg,#8bcaf00a 1px,transparent 1px);background-size:80px 80px;pointer-events:none}
.identity-copy{align-self:center;min-width:0;padding:14px 0}.hero-eyebrow{font-size:.68rem;letter-spacing:.22em;color:var(--cyan);margin-bottom:22px;font-weight:600}
.identity-hero h1{font-family:var(--serif);font-size:clamp(4rem,7.7vw,7.1rem);font-weight:400;letter-spacing:-.055em;line-height:.94;margin:0 0 24px}.identity-hero h1 em{color:var(--cyan);font-family:inherit;font-weight:400}.hero-manifesto{font-family:var(--serif);font-size:clamp(1.45rem,2.25vw,2rem);line-height:1.25;margin:0 0 18px}.identity-hero .intro{font-size:1rem;line-height:1.7;color:#bdd2e4;max-width:480px;margin-bottom:24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-actions .button{font-size:.875rem;gap:18px}.button-outline{background:transparent;border:1px solid #9ab6cc;color:#fff}.button-outline:hover{background:#173a54}.hero-journey{display:inline-block;font-size:.8125rem;color:#c4dcee;margin-top:22px;text-underline-offset:5px}.hero-journey:hover{text-decoration:underline}
.identity-visual{position:relative;min-width:0;align-self:stretch;display:flex;min-height:480px}.identity-visual .portrait-motion{width:100%;background:#c9d8e3;border:1px solid #92b7d044;border-radius:12px}.identity-visual .profile-portrait{width:100%;height:100%;object-fit:cover;object-position:50% 30%;border:0;border-radius:12px;display:block}.portrait-caption{position:absolute;bottom:0;left:0;right:0;border-radius:0 0 12px 12px;padding:58px 26px 24px;background:linear-gradient(transparent,#061728e8);font-family:var(--serif);font-size:1.75rem;line-height:1.15;pointer-events:none}.portrait-caption em{font-size:1.4rem;color:#a9dcf4}
.credibility-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 0 28px;border-top:1px solid #30506a;gap:24px}.credibility-strip>div{display:flex;align-items:center;gap:20px;border-right:1px solid #30506a}.credibility-strip>div:last-child{border:0}.credibility-strip p{margin:0}.credibility-strip strong{display:block;font-family:var(--serif);font-weight:400;font-size:1.25rem;line-height:1.4}.credibility-strip p>span{display:block;color:#b5cddd;font-size:.8125rem}.credibility-icon{color:#86d2f3;font-size:2rem}
.expertise{background:transparent;color:var(--ink)}.expertise .section-label{color:var(--blue)}.expertise-grid{gap:22px}.expertise article,.expertise .flip-face{background:#fff;border-radius:14px}.expertise article{border:1px solid var(--line);box-shadow:0 10px 35px #12395a06}.expertise .flip-face{border-radius:14px 14px 0 0}.expertise h3{font-size:1.4rem;font-family:var(--serif);font-weight:400;line-height:1.3}.expertise p{color:var(--muted)}.expertise .number{border:0;border-radius:50%;background:#e5f6ff;color:var(--blue);width:42px;height:42px}.expertise .tags span{background:#edf5fa;color:#345d78;border:1px solid #e0ecf3}.expertise .flip-toggle{color:var(--blue);border-top-color:var(--line)}.expertise .flip-toggle:hover{color:var(--blue-hover)}.expertise .flip-card:focus-within{border-color:var(--blue)}
.profile{background:transparent}.profile-copy p:first-child{font-family:var(--serif);font-size:1.5rem}.career{background:#fff}.career-heading h3{font-family:var(--serif);font-weight:400}.career-year{color:#00649b}.portfolio-teaser{background:#edf5fa}.portfolio-preview{gap:0}.portfolio-preview span{border-left:1px solid #94cbe7;font-size:1rem}.publications{background:transparent}.publication{border-radius:10px;box-shadow:none}.publication-meta{background:#edf7fd;color:#14567a}.publication h3{font-weight:550}.roles{background:var(--navy);border-radius:20px}.role-card{background:#0d2a44;border-color:#24455e}.roles .section-label,.role-card .role-org{color:#84cee9}.contact{background:var(--navy);max-width:1440px;margin:auto}.contact h2{font-family:var(--serif);font-weight:400}.contact-actions .button.white{border:1px solid #385974;background:#0f304b;color:#fff}.contact-actions .button.white:hover{background:#194463}.contact .small{color:#8ddbf1}.booking-section{background:#edf5fa}.booking-panel,.inquiry-panel{box-shadow:0 14px 45px #12395a06}.inquiry-section{background:#fff}footer{background:#fff;max-width:1440px;margin:auto}.portfolio-hero{background:var(--navy);color:#fff;border-radius:0 0 20px 20px;max-width:1440px;margin:auto}.portfolio-lead h1{font-family:var(--serif);font-weight:400}.portfolio-hero .eyebrow{color:#85d4ef}.portfolio-hero .portfolio-intro{color:#bfd5e5}.portfolio-index{border-color:#33536d}.portfolio-index a{border-color:#33536d}.portfolio-index a>span:first-child{color:#86d2ef}.portfolio-index a:hover{background:#163b59;color:#fff}.portfolio-block{max-width:1440px;margin:auto}.legal-page{background:#fff}.legal-page h1{font-family:var(--serif);font-weight:400}
@media(min-width:1440px){.identity-hero{margin-top:10px}}
@media(max-width:1100px){header{justify-content:center}header nav{justify-content:center}.identity-hero{margin:0 20px;padding:35px 30px 0;gap:24px}.identity-hero h1{font-size:clamp(3.7rem,8vw,6rem)}.identity-visual{min-height:440px}.hero-actions .button{padding:12px 18px}.roles{border-radius:0}.credibility-strip{gap:16px}.credibility-strip>div{gap:12px}}
@media(max-width:760px){header{padding:12px 20px;justify-content:flex-start}header .brand{flex-basis:320px}header .brand-logo{width:320px}header nav{justify-content:flex-start;gap:9px 16px;font-size:.75rem}.nav-contact{padding:7px 12px}.identity-hero{grid-template-columns:1fr;margin:0 12px;padding:32px 24px 0;border-radius:16px;gap:26px}.identity-copy{padding:0}.hero-eyebrow{font-size:.625rem;letter-spacing:.15em}.identity-hero h1{font-size:clamp(3.6rem,13.5vw,6rem);margin-bottom:20px}.hero-manifesto{font-size:1.5rem}.identity-hero .intro{font-size:.9375rem}.hero-actions .button{flex:1;justify-content:center;white-space:nowrap}.identity-visual{min-height:0;height:390px}.identity-visual .profile-portrait{object-position:center 27%}.portrait-caption{font-size:1.45rem;padding:44px 22px 20px}.portrait-caption em{font-size:1.2rem}.credibility-strip{grid-template-columns:1fr;gap:0;padding:0 0 18px}.credibility-strip>div{padding:14px 0;border-right:0;border-bottom:1px solid #284860;gap:20px}.credibility-strip strong{font-size:1.125rem}.credibility-icon{width:28px;text-align:center}.section{padding-top:52px;padding-bottom:52px}.section-label:after{display:inline-block;vertical-align:middle;margin:0 0 0 16px}.expertise-grid{gap:16px}.contact-actions{width:100%}h2{font-size:2.4rem}.portfolio-hero{border-radius:0}.brand-logo{max-width:100%}}
@media(max-width:380px){.hero-actions{flex-direction:column}.identity-visual{height:320px}.identity-hero{padding-left:20px;padding-right:20px}.identity-hero h1{font-size:13vw}}
@media(prefers-reduced-motion:reduce){.identity-visual .profile-portrait{transform:none}}