/* Personal identity and an evidence-led methodology journey. */
.h19-intro.p22-hero{position:relative;isolation:isolate;gap:42px;min-height:660px;padding-block:48px 72px;margin-block:24px 15px}
.p22-hero:before{inset:0 -16px;background:linear-gradient(115deg,#f4f8ff 0%,#fff 48%,#f8fbff 100%);border:1px solid #e3eaf5;border-radius:32px;box-shadow:0 15px 55px #183b7110}
.p22-hero-grid{position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.45;background-image:radial-gradient(#9bb8e3 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(120deg,transparent 40%,black);border-radius:30px}
.p22-intro-label{display:flex;align-items:center;gap:12px;font-size:9px;letter-spacing:.08em;color:#677589}.p22-intro-label .brand-dots{gap:5px}.p22-intro-label .brand-dots i{width:5px;height:5px}
.p22-hero .h19-intro-copy h1{font-size:clamp(29px,3.1vw,43px);font-weight:550;letter-spacing:-.04em;line-height:1.5;margin-top:25px}
.p22-hero .h19-intro-copy h1 em{color:#202124}.p22-hero .h19-intro-copy h1 em:after{display:none}
.p22-hero .h19-intro-copy h2{font-size:clamp(30px,3.7vw,47px);line-height:1.45;letter-spacing:-.035em;font-weight:540;margin-top:16px}
.p22-hero .h19-intro-copy h2 em{font-style:normal;color:#1967d2}
.p22-hero .h19-intro-copy>p{font-size:14px;line-height:2.1;max-width:480px;margin-top:22px}
.p22-hero .h19-hero-actions{gap:13px;margin-top:29px}.p22-hero .h19-local{font-size:9px;margin-top:26px}
.p22-practice-art{position:relative;min-height:470px;display:flex;flex-direction:column;justify-content:center;isolation:isolate;padding-top:130px}
.p22-orbit{position:absolute;top:-20px;inset-inline:0;height:370px;z-index:-1;pointer-events:none}
.p22-orbit>svg{height:100%;width:100%;overflow:visible}.p22-orbit circle{fill:none;stroke-width:9;transform-origin:center;transform:rotate(-80deg)}
.p22-orbit .p22-orbit-guide{stroke:#dfe8f6;stroke-width:1;stroke-dasharray:3 8}.p22-orbit .p22-orbit-core{fill:#fff;stroke:#e6edf7;stroke-width:1}
.p22-orbit :is(.p22-orbit-blue,.p22-orbit-red,.p22-orbit-yellow,.p22-orbit-green){stroke-dasharray:20 80;stroke-linecap:round;animation:p22-draw-ring 1.4s cubic-bezier(.2,.7,.3,1) both}
.p22-orbit-blue{stroke:#4285f4}.p22-orbit-red{stroke:#ea4335;stroke-dashoffset:-25}.p22-orbit-yellow{stroke:#fbbc04;stroke-dashoffset:-50}.p22-orbit-green{stroke:#34a853;stroke-dashoffset:-75}
.p22-orbit>span{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:18px;gap:1px;color:#59708e;font-size:10px;letter-spacing:.2em;direction:ltr}
.p22-orbit>span strong{font-size:38px;line-height:1.2;font-weight:300;color:#8ea6c6}
.p22-practice-links{gap:9px;position:relative;margin-top:100px}
.p22-practice-links>a{padding:13px 15px;min-height:60px;border-radius:12px;backdrop-filter:blur(12px);background:#fffffff2!important;border:1px solid #e0e8f3;border-inline-start:3px solid var(--accent);box-shadow:0 5px 15px #26467008;gap:10px}
.p22-practice-links>a:nth-child(even){margin-inline-start:22px}.p22-practice-links>a:nth-child(odd){margin-inline-end:22px}
.p22-practice-links>a>small{font-size:9px;color:var(--tone);letter-spacing:.1em}.p22-practice-links>a>span{width:29px;height:29px;border-radius:9px}.p22-practice-links strong{font-size:11px;line-height:1.7;font-weight:550}
.p22-art-caption{display:flex;align-items:center;justify-content:center;gap:12px;font-size:10px;color:#5b6d86;min-height:44px;margin-top:12px}.p22-art-caption .ui-icon{width:16px}
.p22-hero-scroll{position:absolute;bottom:20px;inset-inline-start:0;display:flex;align-items:center;gap:15px;color:#8a97a8;font-size:8px;letter-spacing:.1em}
.p22-hero-scroll>span{height:2px;width:65px;background:linear-gradient(90deg,#4285f4 0 25%,#ea4335 25% 50%,#fbbc04 50% 75%,#34a853 75%);border-radius:3px}
.hybrid-app .button{border-radius:14px;min-height:54px;padding:9px 10px 9px 20px;gap:18px;position:relative;overflow:hidden;font-size:12px;font-weight:550;box-shadow:none}
[dir=rtl] .hybrid-app .button{padding:9px 20px 9px 10px}
.hybrid-app .button>.ui-icon:last-child{width:34px;height:34px;padding:9px;border-radius:10px;background:#ffffff23;box-sizing:border-box;transition:transform .25s,background .25s}
.hybrid-app .button.secondary{border-color:#d4deed;background:#fff;color:#385574;box-shadow:0 2px 8px #243b5b04}
.hybrid-app .button.secondary>.ui-icon:last-child{background:#edf3fc;color:#1967d2}
.hybrid-app .button.primary{background:linear-gradient(110deg,#1967d2,#2479e7);box-shadow:0 5px 14px #1967d21c}
.hybrid-app .button.primary:before{content:'';position:absolute;inset:0;transform:translateX(-130%) skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff20,transparent);pointer-events:none;transition:transform .6s}
.hybrid-app .button.primary:hover:before{transform:translateX(130%) skewX(-20deg)}
.hybrid-app .button.primary:hover{box-shadow:0 8px 22px #1967d22e;transform:translateY(-3px)}
.hybrid-app .button.primary:hover>.ui-icon:last-child{background:#ffffff35}
.hybrid-app .button:active{transform:translateY(1px) scale(.98);box-shadow:0 2px 5px #183b711a}
.hybrid-app .p21-inline-projects button{border-radius:13px;min-height:49px}
.hybrid-app .p21-inline-projects button>.ui-icon{width:27px;height:27px;padding:6px;border-radius:8px;background:var(--tint)}
.p22-principles{margin-block:35px 45px;padding:32px;border:1px solid #dfe6f0;background:linear-gradient(145deg,#f8fbff,white 55%);border-radius:27px;box-shadow:0 9px 32px #24446805}
.p22-principles>header{max-width:690px}.p22-principles>header h2{font-size:clamp(27px,3vw,38px);line-height:1.5;font-weight:520;letter-spacing:-.03em;margin-top:14px}.p22-principles>header p{font-size:13px;color:#657386;line-height:1.9;margin-top:15px}
.p22-principle-track{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-block:30px;isolation:isolate}
.p22-principle-track:before{content:'';position:absolute;top:62px;inset-inline:7%;height:2px;background:linear-gradient(90deg,#4285f450,#34a85350,#fbbc0460,#ea433550,#4285f450);z-index:-1}
.p22-principle-track>button{padding:10px 4px;min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;border-radius:17px;color:#748093;border:1px solid transparent}
.p22-principle-track>button>small{font-size:10px;font-weight:550;color:var(--tone)}
.p22-principle-track>button>span{display:grid;place-items:center;width:66px;height:66px;border:1px solid color-mix(in srgb,var(--accent) 35%,white);border-radius:50%;background:white;color:var(--tone);box-shadow:0 0 0 6px #fff;transition:transform .25s,box-shadow .25s,background .25s}
.p22-principle-track .ui-icon{width:27px;height:27px}
.p22-principle-track strong{font-size:12px;color:#526076;font-weight:550;text-align:center;line-height:1.7}.p22-principle-track em{font-size:8px;letter-spacing:.06em;font-style:normal;text-align:center;color:#8a95a5}
.p22-principle-track>button[aria-selected=true]{background:var(--tint);border-color:color-mix(in srgb,var(--accent) 22%,white)}
.p22-principle-track>button[aria-selected=true]>span{background:var(--accent);color:white;box-shadow:0 0 0 5px #fff,0 0 0 7px color-mix(in srgb,var(--accent) 23%,transparent);transform:translateY(-3px)}
.p22-principle-track>.tone-yellow[aria-selected=true]>span{color:#473300}
.p22-principle-track>button[aria-selected=true] strong{color:var(--tone)}
.p22-principle-panel{border:1px solid color-mix(in srgb,var(--accent) 22%,white);border-radius:22px;background:white;overflow:hidden;animation:p22-panel-in .3s ease-out both}
.p22-principle-heading{padding:27px 30px;background:linear-gradient(125deg,var(--tint),white);border-inline-start:4px solid var(--accent)}
.p22-principle-heading>span{font-size:10px;color:var(--tone);letter-spacing:.1em;direction:ltr;display:inline-block}.p22-principle-heading h3{font-size:25px;font-weight:550;line-height:1.6;margin-top:10px}.p22-principle-heading p{font-size:13px;line-height:1.9;color:#657386;margin-top:9px}
.p22-principle-body{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:30px}.p22-principle-body h4{font-size:14px;font-weight:550;line-height:1.8}.p22-principle-body ul{list-style:none;padding:0;margin:17px 0;display:grid;gap:12px}.p22-principle-body li{display:flex;align-items:start;gap:9px;font-size:12px;line-height:1.8;color:#5b687b}.p22-principle-body li>.ui-icon{width:16px;height:16px;color:var(--tone);margin-top:3px}
.p22-method-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px;direction:ltr;justify-content:start}.p22-method-tags>span{font-size:9px;padding:5px 9px;background:#f4f7fb;border-radius:6px;color:#63758c}
.p22-output{padding:22px;background:var(--tint);border-radius:16px}.p22-output>span{font-size:9px;letter-spacing:.08em;color:var(--tone)}.p22-output h4{margin-top:10px;font-size:16px;line-height:1.9}.p22-output details{margin-top:18px;border-top:1px solid color-mix(in srgb,var(--accent) 20%,white)}
.p22-output summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;min-height:48px;font-size:11px;color:var(--tone);list-style:none}.p22-output summary::-webkit-details-marker{display:none}.p22-output summary>.ui-icon{width:16px}.p22-output details[open] summary>.ui-icon{transform:rotate(45deg)}.p22-output ol{padding:0;list-style:none;display:grid;gap:8px;margin:5px 0}.p22-output ol li{padding:11px;background:#ffffffb8;border-radius:8px;display:flex;align-items:center;gap:10px}.p22-output li>small{color:var(--tone);font-size:9px}.p22-output details>p{font-size:10px;color:#6d798b;line-height:1.8;margin-top:12px}
.p22-principle-panel>footer{display:flex;gap:20px;align-items:center;padding:20px 30px;border-top:1px solid #edf0f5;background:#fcfdff}.p22-principle-panel>footer>span{display:flex;align-items:center;gap:8px;color:var(--tone);white-space:nowrap}.p22-principle-panel>footer strong{font-size:11px;font-weight:550}.p22-principle-panel>footer p{font-size:12px;line-height:1.8;color:#5c6a7e}
.p22-principle-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}.p22-principle-controls button{display:flex;align-items:center;gap:10px;min-height:45px;border:1px solid #dce4f0;border-radius:12px;background:white;padding:9px 15px;font-size:11px;color:#1967d2}.p22-principle-controls .ui-icon{width:17px}.p22-principle-controls>span{font-size:10px;color:#7b889a}
.p22-academic-training{padding-block:35px}.p22-academic-training>header{max-width:750px;margin-bottom:25px}.p22-academic-training h2{font-size:30px;font-weight:520;margin-top:12px;line-height:1.5}.p22-academic-training header>p{font-size:13px;line-height:1.9;color:#6a7688;margin-top:14px}.p22-academic-training>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.p22-academic-training article{padding:24px;border:1px solid color-mix(in srgb,var(--accent) 22%,white);border-radius:20px;background:linear-gradient(145deg,var(--tint),white 75%)}.p22-academic-training article>div{height:64px;display:flex;align-items:center}.p22-academic-training img{max-height:54px;max-width:150px;width:auto;height:auto;object-fit:contain}.p22-academic-training article>span{font-size:10px;display:block;color:#7a8595;margin-top:14px}.p22-academic-training h3{font-size:20px;font-weight:550;line-height:1.7;margin-top:8px}.p22-academic-training article>p{font-size:11px;color:#69798d;margin-top:8px}
@keyframes p22-panel-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes p22-draw-ring{from{stroke-dasharray:0 100;opacity:.3}to{stroke-dasharray:20 80;opacity:1}}
@media(hover:hover) and (pointer:fine){.p22-principle-track>button:hover>span{transform:translateY(-4px);box-shadow:0 0 0 5px white,0 8px 17px color-mix(in srgb,var(--accent) 15%,transparent)}.p22-principle-controls button:hover{background:#e8f0fe;border-color:#4285f4}.p22-output summary:hover{color:#202124}.p22-academic-training article:hover{box-shadow:0 8px 20px #2444680a}}
@media(max-width:1100px){.h19-intro.p22-hero{gap:28px}.p22-hero .h19-intro-copy h2{font-size:34px}.p22-hero .h19-hero-actions{align-items:stretch;flex-direction:column}.p22-hero .h19-hero-actions>.button{justify-content:space-between;width:max-content;min-width:220px}}
@media(max-width:650px){.h19-intro.p22-hero{grid-template-columns:1fr;padding:30px 0 65px;gap:20px;margin-block:15px}.p22-hero:before{inset:0 -8px;border-radius:23px}.p22-hero-grid{inset:0}.p22-intro-label{font-size:8px;gap:9px}.p22-hero .h19-intro-copy h1{font-size:32px;margin-top:20px}.p22-hero .h19-intro-copy h2{font-size:30px;line-height:1.55;margin-top:15px}.p22-hero .h19-intro-copy>p{font-size:12px;margin-top:17px}.p22-hero .h19-hero-actions{gap:10px;margin-top:23px;flex-direction:row}.p22-hero .h19-hero-actions>.button{min-width:0;width:100%;font-size:12px}.p22-hero .h19-local{font-size:8px;margin-top:20px}.p22-practice-art{min-height:450px;padding-top:100px;max-width:430px;width:100%;margin:auto}.p22-orbit{height:320px;top:-5px}.p22-practice-links{grid-template-columns:1fr;margin-top:100px}.p22-practice-links>a{min-height:56px;flex-wrap:nowrap;padding:11px 14px}.p22-practice-links strong{flex-basis:auto;font-size:11px}.p22-practice-links>a>.ui-icon{display:block}.p22-practice-links>a:nth-child(even){margin-inline-start:20px}.p22-practice-links>a:nth-child(odd){margin-inline-end:20px}.p22-hero-scroll{font-size:7px;bottom:20px}.p22-principles{padding:20px 14px;border-radius:21px;margin-block:25px}.p22-principles>header h2{font-size:27px}.p22-principles>header p{font-size:12px}.p22-principle-track{gap:3px;margin-block:22px}.p22-principle-track>button{padding:9px 1px;gap:8px;border-radius:13px}.p22-principle-track>button>span{width:42px;height:42px}.p22-principle-track>button>span>.ui-icon{width:21px;height:21px}.p22-principle-track:before{top:50px}.p22-principle-track strong{font-size:9px;line-height:1.7}.p22-principle-track em{display:none}.p22-principle-heading{padding:20px 18px}.p22-principle-heading h3{font-size:22px}.p22-principle-heading p{font-size:12px}.p22-principle-body{grid-template-columns:1fr;padding:20px 17px;gap:22px}.p22-principle-panel>footer{padding:18px;align-items:start;flex-direction:column;gap:10px}.p22-principle-controls{gap:8px;flex-wrap:wrap}.p22-principle-controls>span{order:3;width:100%;text-align:center;margin-top:5px}.p22-principle-controls button{font-size:10px;padding-inline:10px;gap:7px}.p22-academic-training>div{grid-template-columns:1fr}.p22-academic-training h2{font-size:27px}.p22-academic-training article{padding:22px}}
@media(prefers-reduced-motion:reduce){.p22-principle-panel,.p22-orbit circle{animation:none!important}.hybrid-app .button.primary:before{display:none}.p22-principle-track>button>span{transition:none}}
html[data-motion=still] .p22-principle-panel,html[data-motion=still] .p22-orbit circle{animation:none}
@media print{.p22-hero-grid,.p22-orbit,.p22-principle-controls{display:none}.p22-principles,.p22-academic-training article{break-inside:avoid}.p22-principle-track>button>span{box-shadow:none}.p22-principle-panel{animation:none}}