/* ABOUT PAGE ONLY — keeps the Home page styles untouched. */
.about-page{background:#fff}
.about-main{overflow:hidden}
.about-main .section-shell{max-width:1440px}
.about-hero{min-height:500px;display:grid;grid-template-columns:1.02fr 1.15fr .9fr;gap:34px;align-items:center;border-bottom:1px solid var(--line);position:relative;padding-top:48px;padding-bottom:44px}
.about-kicker{font:400 20px var(--pixel);letter-spacing:.04em;color:var(--navy);display:flex;align-items:center;gap:14px}
.pixel-mark{width:10px;height:10px;background:var(--orange);display:inline-block;box-shadow:8px -6px 0 var(--orange),14px 3px 0 var(--navy)}
.about-intro h1{font:400 clamp(72px,6.3vw,108px)/.84 var(--pixel);letter-spacing:.015em;color:var(--navy);margin:26px 0 18px}
.about-role{font:400 clamp(25px,2vw,34px) var(--pixel);color:var(--orange);margin:0 0 24px}
.about-lead{display:flex;gap:20px;align-items:flex-start;max-width:470px}
.lead-line{width:3px;height:68px;background:var(--navy);position:relative;flex:0 0 3px}
.lead-line:before{content:"";position:absolute;width:9px;height:9px;background:var(--orange);top:-2px;left:-3px}
.about-lead p,.who-i-am p{font-size:17px;line-height:1.55;margin:0}
.about-hero-art{height:360px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.about-hero-motion{width:100%;height:100%;display:block;position:relative;overflow:hidden}
.pixel-motion-svg{position:absolute;inset:0;width:100%;height:100%;display:block;overflow:visible;shape-rendering:crispEdges;z-index:1}
.pixel-motion-svg rect{shape-rendering:crispEdges}
.motion-cloud{fill:#173d70;opacity:.9;animation-timing-function:linear;animation-iteration-count:infinite;will-change:transform}
.cloud-a{animation-name:cloud-a-drift;animation-duration:5.8s}
.cloud-b{animation-name:cloud-b-drift;animation-duration:7.2s}
.cloud-c{animation-name:cloud-c-drift;animation-duration:6.4s}
.about-hero-card-wrap{position:relative;z-index:4;height:min(100%,360px);width:auto;display:flex;align-items:center;justify-content:center;animation:about-card-float 3.8s ease-in-out infinite;will-change:transform}
.about-hero-card{display:block;height:100%;width:auto;object-fit:contain;image-rendering:auto}
@keyframes about-card-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@keyframes cloud-a-drift{0%,100%{transform:translate3d(-8px,2px,0)}50%{transform:translate3d(18px,-5px,0)}}
@keyframes cloud-b-drift{0%,100%{transform:translate3d(18px,-3px,0)}50%{transform:translate3d(-22px,5px,0)}}
@keyframes cloud-c-drift{0%,100%{transform:translate3d(-12px,3px,0)}50%{transform:translate3d(20px,-6px,0)}}
.who-i-am{position:relative;padding-left:28px}.who-divider{position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--navy)}.who-divider:before{content:"";position:absolute;top:0;left:-4px;width:9px;height:9px;background:var(--orange)}
.who-i-am .about-kicker{font-size:23px;margin-bottom:24px}.who-i-am p{font-size:17px;margin-bottom:22px;max-width:440px}.orange-dashes{font:400 18px var(--pixel);color:var(--orange)}
.section-title-row{display:flex;align-items:center;gap:14px;margin-bottom:22px}.section-title-row h2{font:400 28px var(--pixel);color:var(--navy);margin:0;letter-spacing:.03em}.pixel-cluster{font:400 24px var(--pixel);color:var(--orange)}
.thinking-section{padding-top:26px;padding-bottom:28px;border-bottom:1px solid var(--line)}
.thinking-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.thinking-card{position:relative;border:2px solid var(--navy);min-height:145px;padding:24px 26px 20px;background:#fff}.thinking-card:before,.thinking-card:after{content:"";position:absolute;width:8px;height:8px;background:var(--orange)}.thinking-card:before{left:-2px;top:-2px}.thinking-card:after{right:-2px;bottom:-2px}.thinking-card .card-plus{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:var(--orange);color:#fff;font:400 22px var(--pixel);margin-bottom:9px}.thinking-card h3{font:400 23px var(--pixel);margin:0 0 8px;color:var(--navy)}.thinking-card p{font-size:13px;line-height:1.45;margin:0;max-width:280px}
.process-section{padding-top:24px;padding-bottom:26px;border-bottom:1px solid var(--line)}.process-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:start}.process-step{min-width:0}.process-box{height:72px;border:2px solid var(--navy);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#fff}.process-box:before,.process-box:after{content:"";position:absolute;width:7px;height:7px;background:var(--orange)}.process-box:before{left:-2px;top:-2px}.process-box:after{right:-2px;bottom:-2px}.process-icon{width:30px;height:30px;display:block;object-fit:contain;image-rendering:pixelated}.process-box strong{font:400 18px var(--pixel);margin-top:3px;color:var(--navy)}.process-step p{font-size:12px;line-height:1.35;margin:10px 7px 0}.process-arrow{font:400 27px var(--pixel);color:var(--orange);padding-top:22px}
.clarity-section{padding-top:26px;padding-bottom:48px}.clarity-card{min-height:132px;background:#0e315f;color:#fff;display:grid;grid-template-columns:1.45fr 1px .85fr .7fr;gap:28px;align-items:center;padding:25px 34px;position:relative;overflow:hidden}.clarity-card:before,.clarity-card:after{content:"";position:absolute;width:9px;height:9px;background:#fff}.clarity-card:before{left:0;top:0}.clarity-card:after{right:0;bottom:0}.clarity-copy{position:relative;z-index:2}.clarity-label{font:400 16px var(--pixel);color:#fff;margin-bottom:12px}.clarity-card h2{font:400 clamp(28px,3.1vw,47px)/.95 var(--pixel);margin:0;color:#fff}.clarity-card h2 span{color:var(--orange)}.clarity-divider{height:68px;width:1px;background:rgba(255,255,255,.75)}.clarity-card>p{font-size:14px;line-height:1.45;max-width:260px;margin:0}.clarity-tags{display:flex;flex-direction:column;gap:7px;align-items:flex-start;position:relative;z-index:2}.clarity-tags span{font:400 17px var(--pixel);padding:6px 14px;background:var(--orange);color:var(--navy);border:1px solid var(--orange)}.clarity-tags span:nth-child(2){background:#a9dcf0}25%{transform:translate3d(-2px,-3px,0) rotate(-0.35deg)}50%{transform:translate3d(1px,-7px,0) rotate(0.25deg)}75%{transform:translate3d(3px,-3px,0) rotate(0.45deg)}}
50%{transform:translate3d(-1px,-1px,0) scale(1.008)}}
.clarity-pixels{position:absolute;right:20px;bottom:-7px;width:155px;height:62px;opacity:.9}.clarity-pixels i{position:absolute;display:block;background:var(--orange);width:12px;height:12px;transform:skew(-30deg)}.clarity-pixels i:nth-child(1){right:10px;bottom:0;width:54px;height:16px;background:var(--orange)}.clarity-pixels i:nth-child(2){right:42px;bottom:14px;width:30px;height:13px;background:#fff}.clarity-pixels i:nth-child(3){right:66px;bottom:27px;width:25px;height:12px;background:var(--orange)}.clarity-pixels i:nth-child(4){right:92px;bottom:40px;width:20px;height:10px;background:#fff}.clarity-pixels i:nth-child(5){right:117px;bottom:49px;width:14px;height:9px;background:var(--orange)}.clarity-pixels i:nth-child(6){right:4px;bottom:34px;width:10px;height:10px;background:#fff}
@media(max-width:1100px){.about-hero{grid-template-columns:1fr 1fr;gap:28px}.who-i-am{grid-column:2;grid-row:1}.about-hero-art{grid-column:1 / -1;grid-row:2;height:250px;margin-top:-10px}.thinking-grid{grid-template-columns:repeat(2,1fr)}.process-row{grid-template-columns:repeat(5,1fr);gap:10px}.process-arrow{display:none}.clarity-card{grid-template-columns:1.5fr 1px 1fr}.clarity-tags{display:none}}
@media(max-width:760px){.about-hero{display:flex;flex-direction:column;align-items:stretch;padding-top:34px;padding-bottom:30px;gap:30px}.about-intro h1{font-size:clamp(56px,15vw,78px);margin:20px 0 14px}.about-role{font-size:24px}.about-lead p,.who-i-am p{font-size:15px}.about-hero-art{order:2;height:190px;margin:0}.who-i-am{order:3;padding-left:20px}.about-kicker{font-size:18px}.thinking-grid{grid-template-columns:1fr}.thinking-card{min-height:0}.process-row{grid-template-columns:1fr 1fr;gap:14px}.process-step:last-child{grid-column:1 / -1}.process-box{height:76px}.process-step p{font-size:11px}.clarity-card{grid-template-columns:1fr;gap:16px;padding:24px 20px}.clarity-divider{display:none}.clarity-card h2{font-size:34px}.clarity-card>p{max-width:100%}.clarity-tags{display:flex;flex-direction:row;flex-wrap:wrap}.clarity-pixels{opacity:.45}.section-title-row h2{font-size:23px}}
@media(max-width:760px){.pixel-motion-svg{transform:scale(1.02)}.motion-cloud{opacity:.86}.about-hero-card-wrap{height:190px}}
@media(prefers-reduced-motion:reduce){.motion-cloud,.about-hero-card-wrap{animation:none}}