/* 2026-10-07 public presentation refinement: editorial layout, real portraits and restrained motion. */
:root{--ink:#101527;--ink2:#1b2450;--paper:#e7e9f9;--cream:#f6f7ff;--muted:#626b88;--line:#cbd1eb;--gold:#2542e9;--gold2:#2542e9}
html{scroll-padding-top:84px}
body{background:var(--paper)}
.reading-progress{position:fixed;z-index:100;inset:0 0 auto;height:3px;pointer-events:none}
.reading-progress span{display:block;width:100%;height:100%;background:#3051f4;transform:scaleX(0);transform-origin:left center;transition:transform .12s linear}
.site-header{background:#e7e9f9ed;border-bottom-color:#ced4eb;backdrop-filter:blur(18px)}
.brand strong{font-size:19px;letter-spacing:.06em}.brand small{font-size:9px;letter-spacing:.12em;color:#5f6888}
.hero{padding-top:64px;padding-bottom:82px}
.hero-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);column-gap:6vw;align-items:end}
.hero .eyebrow{grid-column:1/-1;margin-bottom:27px}
.hero h1{font-size:clamp(60px,6.5vw,96px);letter-spacing:-.072em;line-height:1.08;max-width:none}
.hero-lead{align-self:end;max-width:480px;margin:0 0 10px;font-size:16px;line-height:1.9;color:#38415f}
.hero-actions{grid-column:1/-1;margin-top:33px}
.hero-foot{grid-column:1/-1;margin-top:34px;margin-bottom:22px;align-items:center}
.hero-scroll{margin-left:auto;color:#4151ac}
.hero-art{height:min(45vw,590px);min-height:460px;background:#121a3c;border-radius:30px;box-shadow:0 28px 68px #27367b2e}
.hero-portrait{top:0;right:0;width:50%;height:100%;object-fit:cover;object-position:center top}
.hero-art.photo-stage .art-noise{background:linear-gradient(90deg,#111936 0%,#17214a 34%,#1b2555dd 48%,#1d26548c 64%,#141a3100 84%)}
.hero-art.photo-stage .art-noise:after{opacity:.15}
.hero-art.photo-stage .orb{display:block;z-index:2;opacity:.13;animation:breathe 9s ease-in-out infinite}
.orb-one{left:16%;top:8%;width:470px;height:470px}.orb-two{right:10%;bottom:-45%}
.hero-art.photo-stage .orbit{z-index:3;animation:orbitDrift 19s ease-in-out infinite alternate;pointer-events:none}
.orbit-two{animation-duration:25s!important;animation-direction:alternate-reverse!important}
.art-center{left:7%;top:25%}.art-center span{font-size:12px;letter-spacing:.22em}.art-center strong{font-size:clamp(33px,3.5vw,54px);line-height:1.35}
.art-label{animation:floatLabel 6s ease-in-out infinite}.label-two{animation-delay:-1.7s}.label-three{animation-delay:-3.2s}.label-four{animation-delay:-4.3s}
.label-one{left:62%;top:14%}.label-two{top:48%;right:4%}.label-three{bottom:13%;left:57%}.label-four{bottom:24%;left:32%}
.art-caption{left:7%;bottom:24px;color:#d2d8f9}
.intro-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:8%;align-items:start}
.intro h2{max-width:650px}
.about-photo{height:590px;margin-top:38px;border-radius:26px;background:#33343d;box-shadow:0 22px 48px #2530631c}
.about-photo img{object-fit:cover;object-position:center top}
.intro-copy{padding-top:130px}.intro-copy .intro-name{font-size:13px;font-weight:800;letter-spacing:.2em;color:#2c43d8;margin-bottom:13px}
.intro-copy h3{font-size:clamp(24px,2.7vw,40px);line-height:1.38;letter-spacing:-.04em;margin:0 0 35px;color:#101527}
.intro-copy p{font-size:16px;line-height:1.95;max-width:650px}
.intro-copy .bio-reach{display:flex;flex-wrap:wrap;gap:4px 12px;margin:-13px 0 27px;padding-bottom:20px;border-bottom:1px solid #cbd1eb;color:#2542e9;font-size:13px;font-weight:800;line-height:1.6;letter-spacing:.01em}
.bio-reach span:before{content:'·';margin-right:12px;color:#9aa7e9}
.bio-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:31px}
.bio-tags span{font-size:11px;font-weight:700;line-height:1.5;padding:10px 13px;border:1px solid #bdc5e9;border-radius:100px;background:#f1f3ff;color:#293561}
.signature{margin-top:37px}
.resources{background:#f0f2fc}.resources:before{content:'02';opacity:.65}
.resources .section-heading{position:relative}.resource-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.resource-card{min-height:335px;padding:27px;background:#fbfbff;border-color:#d9ddf1;border-top:2px solid #5165dd;border-radius:18px;transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.resource-card.featured{grid-column:span 2;background:#17244d;border-color:#2643ed;min-height:335px}
.resource-card:hover{transform:translateY(-6px);box-shadow:0 22px 40px #303e8d20;border-color:#6679e5}
.resource-card h3{font-size:clamp(23px,2.1vw,31px);line-height:1.25;letter-spacing:-.03em;margin-top:19px}
.resource-card p{font-size:13px;line-height:1.8;max-width:460px}
.resource-card .card-icon{font:700 42px/1 Georgia,serif;letter-spacing:-.06em;color:#3450e5;margin:18px 0 0}
.resource-card.featured .card-icon{color:#aebcff}
.resource-card .status.live{color:#3a51d3;border-color:#aab4ee}
.resource-card.featured .status.live{color:#dce2ff;border-color:#7184dd}
.resource-card .card-bottom a{font-weight:800;color:#2c46dd;white-space:nowrap}
.resource-card.featured .card-bottom a{color:#c0cbff}
.resource-card .card-bottom{gap:16px;align-items:end}
.resource-card .card-bottom>span:first-child{line-height:1.4}
.system{background:#111831}
.system .section-heading h2{max-width:660px}.system .section-heading>p{max-width:400px}
.system-journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:20px 0 18px;border:1px solid #435080;border-radius:19px;background:#1b244b;overflow:hidden}
.journey-label{grid-column:1/-1;padding:20px 25px 8px;font-size:11px;letter-spacing:.16em;color:#a4aff5}
.system-journey div{display:flex;flex-direction:column;gap:17px;padding:23px 25px 25px;border-right:1px solid #465281}
.system-journey div:last-child{border-right:0}.system-journey b{font:600 25px/1 Georgia,serif;color:#8ea3ff}.system-journey div span{font-size:13px;line-height:1.55;color:#e3e6f7}
.agent-grid{gap:16px}.agent-card{min-height:230px;padding:28px 30px;background:#1d274d;border-color:#3f4b78;transition:transform .35s ease,border-color .35s ease,background .35s ease}
.agent-card:hover{transform:translateY(-5px);border-color:#8193ed;background:#263464}
.agent-card-featured{background:#2b43dc;border-color:#5871f4}.agent-card-featured:hover{background:#3452ef}
.agent-card h3{font-size:21px;margin:17px 0 21px}.agent-card p{max-width:none}
.agent-card .agent-question{font-size:15px;line-height:1.65;color:#f3f5ff;font-weight:650;margin:0 0 13px}
.agent-card .agent-output{border-top:1px solid #6b78a575;padding-top:12px;color:#bfc8e6;font-size:12px;line-height:1.7}
.agent-card-featured .agent-output{border-color:#aab6fa85;color:#e5e9ff}
.agent-card:after{right:29px;top:31px;width:35px;background:#99a8eb}.agent-card-featured:after{background:#e0e5ff}
.experience{background:#e7e9f9}.experience-grid article{box-shadow:0 12px 30px #2c3c8a0c}
.contact{background:#2842dc}.contact-inner{max-width:none}.contact-layout{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.7fr);gap:7vw;align-items:end}
.contact .kicker{margin-top:44px}.contact-copy>p:not(.kicker){max-width:590px;line-height:1.9;color:#e8ecff;margin-top:28px}
.contact-address{margin-top:48px;padding-top:24px;border-top:1px solid #a8b5fd8c}
.contact-address span{display:block;font-size:11px;letter-spacing:.18em;color:#cbd4ff;margin-bottom:12px}
.contact-address address{font-size:clamp(16px,1.75vw,22px);line-height:1.55;font-style:normal;font-weight:700;letter-spacing:.01em}
.contact-address small{display:block;color:#d2d9ff;font-size:11px;line-height:1.6;margin-top:10px}
.contact-qr{background:#f5f6ff;border-radius:22px;padding:24px 24px 27px;color:#152044;text-align:center;max-width:380px;justify-self:end;box-shadow:0 30px 50px #16226b33}
.contact-qr img{display:block;width:100%;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:12px}
.contact-qr strong{display:block;font-size:19px;margin-top:20px}.contact-qr span{display:block;font-size:12px;color:#596481;line-height:1.65;margin-top:7px}
.footer{background:#111831}
.hero .eyebrow,.hero h1,.hero-lead,.hero-actions,.hero-foot{animation:arrive .75s both}
.hero h1{animation-delay:.08s}.hero-lead{animation-delay:.17s}.hero-actions{animation-delay:.26s}.hero-foot{animation-delay:.33s}.hero-art{animation:arrive .95s .29s both}
.motion-ready .reveal{opacity:0;transform:translateY(30px)}
.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}
@keyframes arrive{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
@keyframes breathe{0%,100%{transform:scale(1);opacity:.12}50%{transform:scale(1.06);opacity:.22}}
@keyframes orbitDrift{from{transform:rotate(-19deg) translateY(0)}to{transform:rotate(-13deg) translateY(14px)}}
@keyframes floatLabel{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media(max-width:1020px){.hero-copy{grid-template-columns:1fr}.hero .eyebrow,.hero-actions,.hero-foot{grid-column:auto}.hero-lead{margin-top:25px}.hero h1{font-size:clamp(57px,8vw,86px)}.hero-art{height:500px}.intro-copy{padding-top:80px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-card.featured{grid-column:span 2}.contact-layout{gap:4vw}}
@media(max-width:760px){html{scroll-padding-top:68px}.site-header nav{background:#e7e9f9}.hero{padding-top:42px;padding-bottom:61px}.hero-copy{display:block}.hero .eyebrow{margin-bottom:24px}.hero h1{font-size:clamp(47px,10vw,67px);line-height:1.12}.hero-lead{font-size:13px;line-height:1.85;margin-top:24px}.hero-actions{margin-top:26px}.hero-foot{display:flex;flex-wrap:wrap;gap:3px 10px;line-height:1.7;margin:28px 0 18px}.hero-foot span{display:block;width:100%}.hero-foot span+span:before{display:none}.hero-scroll{display:none!important}.hero-art{height:430px;min-height:0;border-radius:22px}.hero-portrait{width:66%;height:100%;top:0;object-position:center top}.hero-art.photo-stage .art-noise{background:linear-gradient(90deg,#101936 0%,#17214add 29%,#1b2559a8 52%,#1820460a 88%)}.art-center{left:7%;top:30%}.art-center strong{font-size:clamp(27px,7vw,38px)}.art-center span{font-size:9px}.art-caption{left:7%}.label-one{left:56%;top:12%}.label-two{right:4%;top:59%}.label-three{left:47%;bottom:12%}.label-four{left:8%;bottom:23%}.intro-grid{grid-template-columns:1fr;gap:0}.about-photo{height:460px;margin:31px 0 0}.intro-copy{padding-top:35px}.intro-copy h3{font-size:29px}.intro-copy p{font-size:14px}.bio-tags{gap:8px}.bio-tags span{font-size:10px}.resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-card.featured{grid-column:span 2}.resource-card{min-height:340px}.system-journey{grid-template-columns:repeat(2,minmax(0,1fr))}.system-journey div:nth-child(3){border-right:0}.system-journey div:nth-child(-n+3){border-bottom:1px solid #465281}.agent-card{min-height:240px;padding:22px}.agent-card h3{font-size:17px}.agent-card .agent-question{font-size:13px}.contact-layout{grid-template-columns:1fr;gap:38px}.contact-qr{max-width:360px;width:100%;justify-self:start}.contact-address{margin-top:34px}}
@media(max-width:520px){.hero h1{font-size:clamp(43px,10vw,54px)}.hero-art{height:390px}.hero-portrait{width:69%}.art-center{top:34%}.art-center strong{font-size:27px}.art-label{font-size:8px}.about-photo{height:470px}.resource-grid,.agent-grid{grid-template-columns:1fr}.resource-card,.resource-card.featured{grid-column:auto;min-height:310px}.resource-card h3{font-size:25px}.system-journey div{padding:20px 17px}.system-journey div span{font-size:11px}.agent-card{min-height:0}.contact-qr{max-width:none}.contact{padding-bottom:78px}}
@media(max-width:520px){.intro-copy .bio-reach{display:block}.bio-reach span{display:block}.bio-reach span:before{display:none}.bio-tags span{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.motion-ready .reveal{opacity:1!important;transform:none!important}}