/* SX AGENCY — ABOUT PAGE / REFERENCE RECONSTRUCTION
   Page-scoped styling; no styles on unrelated pages. */
.page-about { background:#050506; color:#f6f6f8; }
.page-about .section-wrap,
.page-about .interior-hero-inner { width:min(1280px,calc(100% - 9vw)); max-width:none; margin-inline:auto; }

/* Cinematic hero — planetary environment, clear type and no artificial halo */
.page-about .sx-about-hero {
 position:relative; min-height:clamp(350px,28vw,440px); padding:0; overflow:hidden;
 display:flex; align-items:center; isolation:isolate; background:#040507;
 border-bottom:1px solid rgba(205,213,228,.14);
}
.page-about .sx-about-hero-cosmos { position:absolute; inset:0; z-index:-2; pointer-events:none;
 background-image:linear-gradient(90deg,#020306 0%,rgba(2,3,6,.94) 27%,rgba(3,4,7,.42) 59%,rgba(3,4,7,.06) 100%),url('../work/assets/digital-experiences-sharp.webp');
 background-size:cover,clamp(960px,80vw,1580px) auto;
 background-position:center,right -2vw top 17%;background-repeat:no-repeat;
 filter:saturate(.14) contrast(1.08);
}
.page-about .sx-about-hero-cosmos::before { content:""; position:absolute; inset:0;
 background:radial-gradient(circle at 56% 34%,rgba(160,177,208,.09),transparent 31%),linear-gradient(0deg,rgba(0,0,0,.46) 0%,transparent 35%);
}
.page-about .interior-halo {display:none;}
.page-about .interior-hero-inner { position:relative; z-index:1; padding:68px 0 65px; }
.page-about .interior-breadcrumb {margin:0 0 31px; font-size:10px; font-weight:600; letter-spacing:2.5px;color:#b4b8c1;}
.page-about .interior-hero h1 {max-width:860px; margin:0 0 19px;font:500 clamp(44px,4.75vw,72px)/1.11 var(--display);letter-spacing:-.055em;}
.page-about .interior-hero h1 span {color:#989aa5;}
.page-about .interior-deck {max-width:560px;font-size:clamp(13px,1.1vw,16px);line-height:1.65;color:#babdc6;}

/* About section: physical software architecture rather than a generic AI sphere */
.page-about .about-section {background:#07080a; padding:clamp(30px,3.3vw,52px) 0 clamp(35px,4vw,62px);border-top:0;border-bottom:1px solid rgba(211,218,230,.14);}
.page-about .about-section .about-grid {width:min(1280px,calc(100% - 9vw));max-width:none;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(38px,4vw,74px);align-items:center;}
.page-about .sx-about-tech-card {position:relative;width:100%;height:auto;aspect-ratio:1.43;min-height:320px;max-height:none;overflow:hidden;
 border:1px solid rgba(184,196,211,.43);border-radius:9px;
 background:radial-gradient(ellipse at 78% 55%,rgba(56,62,71,.21),transparent 48%),linear-gradient(145deg,#090b0e,#030406 65%);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 14px 36px rgba(0,0,0,.17);
 isolation:isolate;transform:translateZ(0);
}
.page-about .sx-about-tech-card::after {content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;
 box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),inset 0 1px 10px rgba(255,255,255,.027);}
.page-about .sx-about-tech-grid {position:absolute;inset:0;opacity:.20;z-index:0;
 background-image:linear-gradient(rgba(210,222,244,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(210,222,244,.08) 1px,transparent 1px);
 background-size:55px 55px;transform:perspective(650px) rotateX(40deg) translateY(70px) scale(1.2);transform-origin:center bottom;
 mask-image:linear-gradient(to bottom,transparent 15%,#000 100%);
}
.page-about .sx-about-tech-art {position:absolute;inset:0 auto auto 16%;width:96%;height:93%;max-width:none;object-fit:contain;
 z-index:1;pointer-events:none;filter:contrast(1.2) brightness(.88) drop-shadow(0 8px 16px rgba(191,205,228,.1));
 transition:transform 1s cubic-bezier(.2,.7,.2,1),filter 1s ease;
}
.page-about .sx-about-tech-card:hover .sx-about-tech-art {transform:translate3d(0,-5px,0) scale(1.016);filter:contrast(1.2) brightness(.99) drop-shadow(0 8px 19px rgba(191,205,228,.14));}
.page-about .sx-about-tech-shade {position:absolute;inset:0;z-index:2;pointer-events:none;
 background:linear-gradient(90deg,rgba(4,5,8,.55),transparent 54%),linear-gradient(0deg,#050608 0%,rgba(4,6,9,.93) 9%,rgba(4,6,9,.36) 34%,transparent 69%);
}
.page-about .sx-about-tech-kicker {position:absolute;z-index:3;top:6.5%;left:4.8%;display:grid;gap:13px;color:#f3f4f6;
 font:650 clamp(10px,.94vw,13px)/1.3 var(--font);letter-spacing:.04em;}
.page-about .sx-about-tech-kicker span:last-child {font-size:clamp(8px,.7vw,10px);font-weight:500;letter-spacing:.1em;color:#b8bcc5;}
.page-about .sx-about-tech-content {position:absolute;z-index:3;left:4.8%;right:4%;bottom:11.2%;}
.page-about .sx-about-tech-content h3 {margin:0 0 12px;font:800 clamp(29px,3.1vw,45px)/1.04 var(--display);letter-spacing:-.04em;color:#fff;
 text-shadow:0 2px 12px rgba(0,0,0,.65);}
.page-about .sx-about-tech-content p {font-size:clamp(11px,.95vw,14px);line-height:1.5;margin:0;color:#e0e2e7;}
.page-about .sx-about-tech-footer {position:absolute;z-index:3;bottom:0;left:4.8%;right:4.8%;height:8.6%;display:flex;align-items:center;justify-content:space-between;
 border-top:1px solid rgba(223,228,238,.22);color:#abb0ba;font:650 clamp(7px,.62vw,9px)/1.2 var(--font);letter-spacing:.2em;}
.page-about .about-copy .eyebrow {letter-spacing:2.5px;color:#aeb1b9;font-size:10px;}
.page-about .about-copy h2 {margin:15px 0 20px;font:500 clamp(33px,3.3vw,51px)/1.13 var(--display);letter-spacing:-.047em;}
.page-about .about-copy h2 span{color:#a4a6af;}
.page-about .about-copy>p:not(.eyebrow){font-size:clamp(13px,1vw,15px);max-width:600px;line-height:1.8;color:#b6b9c2;}
.page-about .about-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 27px;margin-top:30px;}
.page-about .about-actions a {font-size:12px;color:#e8eaee;text-decoration:none;white-space:nowrap;}
.page-about .about-actions a:hover{color:#fff;}
.page-about .about-actions svg{transform:none;vertical-align:middle;}
.page-about .about-actions .text-link{margin-top:0;}
.page-about .about-stats{display:none;}

/* Leadership overview, keeping the approved founder images and information */
/* Leadership atmosphere: full-bleed backdrop with feathered edges.
   Earlier fixed-height artwork exposed a rectangular seam on the left. */
.page-about .founders-section {position:relative;isolation:isolate;background:#050608;border-bottom:1px solid rgba(197,205,223,.14);overflow:hidden;}
.page-about .founders-section::before {
 content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
 background-image:url('../work/assets/work-astral-landscape.webp');
 background-repeat:no-repeat;
 background-position:center top;
 background-size:100% auto;
 opacity:.35;
 -webkit-mask-image:radial-gradient(ellipse 75% 41% at 20% 8%,#000 5%,rgba(0,0,0,.85) 36%,rgba(0,0,0,.37) 65%,transparent 100%);
 mask-image:radial-gradient(ellipse 75% 41% at 20% 8%,#000 5%,rgba(0,0,0,.85) 36%,rgba(0,0,0,.37) 65%,transparent 100%);
}
.page-about .founders-container {position:relative;z-index:1;}
.page-about .founders-layout {grid-template-columns:minmax(260px,.76fr) minmax(0,1.24fr);gap:clamp(30px,6vw,120px);
 padding:clamp(42px,4vw,70px) 0 clamp(35px,4vw,63px);margin-bottom:0;align-items:center;}
.page-about .founders-intro h2 {font:500 clamp(38px,3.75vw,58px)/1.12 var(--display);letter-spacing:-.052em;margin:17px 0 0;}
.page-about .founders-subtitle {margin:17px 0 0;font-size:clamp(12px,1vw,15px);color:#b6b8c1;max-width:420px;line-height:1.75;}
.page-about .founders-list {display:grid;gap:13px;border:0;}
.page-about button.founder-profile {appearance:none;width:100%;text-align:left;min-width:0;min-height:115px;cursor:pointer;
 display:grid;grid-template-columns:76px minmax(0,1fr) auto;gap:22px;align-items:center;
 padding:17px 25px 17px 20px!important;margin:0;
 border:1px solid rgba(151,159,176,.27)!important;border-radius:10px;
 background:linear-gradient(112deg,rgba(30,32,39,.49),rgba(7,8,11,.7) 65%);
 color:#f8f8f9;transition:border-color .3s,background .3s,transform .3s,box-shadow .3s;}
.page-about button.founder-profile.is-selected{border-color:rgba(211,215,226,.41)!important;background:linear-gradient(110deg,rgba(41,44,52,.52),rgba(10,11,15,.77) 66%);}
.page-about button.founder-profile:hover,.page-about button.founder-profile:focus-visible {border-color:rgba(228,233,243,.65)!important;transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,0,.25);}
.page-about .founder-monogram{width:76px;height:76px;border-color:rgba(219,227,242,.37);overflow:hidden;}
.page-about .founder-photo-thumb img{width:100%;height:100%;object-fit:cover;object-position:center;}
.page-about .founder-name{font:500 clamp(21px,2vw,29px)/1.2 var(--display);color:#f1f2f4;}
.page-about .founder-position{font-size:clamp(10px,.86vw,12px);color:#abb0b9;line-height:1.5;}
.page-about .founder-view-story{font-size:9px;letter-spacing:1.5px;color:#efeff2;margin-top:10px;display:inline-flex;align-items:center;gap:7px;}
.page-about .founder-role{font-size:9px;border:1px solid rgba(183,193,213,.32);border-radius:30px;padding:7px 13px;color:#e0e2e8;}

/* Full approved founder biographies remain in the original HTML; the portrait sits beside them. */
.page-about .founder-panels {position:relative;border:1px solid rgba(171,181,201,.28);border-radius:11px;overflow:hidden;
 background:linear-gradient(100deg,rgba(21,23,28,.75),rgba(5,6,8,.95) 58%);box-shadow:0 30px 80px rgba(0,0,0,.22);margin-bottom:clamp(44px,5vw,75px);}
.page-about .founder-story {grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);}
.page-about .founder-story-aside{padding:25px;background:linear-gradient(130deg,#101216,#08090c);border-color:rgba(196,206,228,.18);}
.page-about .founder-aside-header,.page-about .founder-aside-foot {font-size:9px;letter-spacing:1.8px;color:#a9aebb;}
.page-about .founder-art {position:relative;flex:1;min-height:520px;max-height:620px;}
.page-about .founder-art-grid {opacity:.37;}
.page-about .founder-art-portrait-wrap {width:min(75%,350px);aspect-ratio:1;max-height:350px;}
.page-about .founder-art-portrait {width:100%;height:100%;object-fit:cover;}
.page-about .founder-story-content {position:relative;padding:48px clamp(28px,4.2vw,65px) 54px;min-width:0;}
.page-about .founder-story-eyebrow{font-size:9px;letter-spacing:2.3px;color:#abb0bc;margin-bottom:17px;}
.page-about .founder-story-content h3{font:500 clamp(32px,3.7vw,56px)/1.1 var(--display);letter-spacing:-.047em;}
.page-about .founder-story-title{color:#c1c3cc;font-size:13px;margin-top:9px;}
.page-about .founder-story-rule{border-color:rgba(215,224,238,.21);margin:25px 0;}
.page-about .founder-story-prose p{font-size:clamp(12px,.95vw,14px);line-height:1.83;color:#b8bbc5;max-width:760px;}
.page-about .founder-statement{font-size:clamp(15px,1.25vw,19px);line-height:1.54;color:#f2f3f5;border-left:2px solid #cbd3e0;padding-left:21px;margin:31px 0 29px;}
.page-about .founder-contact-actions{padding-top:6px;}
.page-about .sx-about-founder-switch {position:absolute;right:24px;top:22px;display:flex;gap:9px;z-index:5;}
.page-about .sx-about-founder-switch button {appearance:none;cursor:pointer;background:rgba(9,11,15,.92);border:1px solid rgba(194,203,218,.42);
 color:#f5f7fa;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;transition:border .2s,background .2s,transform .2s;}
.page-about .sx-about-founder-switch button:hover,.page-about .sx-about-founder-switch button:focus-visible {border-color:#e6edf5;background:#242b34;transform:translateY(-1px);}
.page-about .sx-about-founder-switch button:focus-visible{outline:2px solid #b7c4d5;outline-offset:3px;}

/* Work with SX — panoramic, understated chrome planet behind real text/buttons. */
.page-about .sx-about-final-cta{position:relative;isolation:isolate;min-height:190px;overflow:hidden;
 border-radius:10px;border:1px solid rgba(196,205,224,.34);
 display:flex;align-items:center;gap:30px;justify-content:space-between;
 padding:38px clamp(28px,3.6vw,55px);margin-top:0;margin-bottom:clamp(50px,5vw,85px);
 background:#06080b;box-shadow:inset 0 1px 0 rgba(255,255,255,.045);}
.page-about .sx-about-final-cta .sx-about-cta-scenery{position:absolute;inset:0;z-index:-1;pointer-events:none;
 background-image:linear-gradient(90deg,#06080b 0%,rgba(3,5,8,.93) 31%,rgba(4,6,9,.15) 82%),url('../work/assets/digital-experiences-sharp.webp');
 background-repeat:no-repeat;background-size:cover,cover;background-position:center,center 24%;filter:saturate(.16) brightness(.77);}
.page-about .sx-about-final-cta > div:not(.sx-about-cta-scenery){position:relative;z-index:1;}
.page-about .sx-about-final-cta h2{font:500 clamp(31px,3.5vw,53px)/1.1 var(--display);letter-spacing:-.047em;margin:12px 0 10px;}
.page-about .sx-about-final-cta .eyebrow{font-size:9px;letter-spacing:2.5px;}
.page-about .sx-about-final-cta p:not(.eyebrow){color:#ccd0d8;font-size:clamp(12px,1vw,15px);}
.page-about .sx-about-final-cta .button{position:relative;z-index:1;min-width:190px;}

@media (min-width:1900px){
 .page-about .sx-about-hero-cosmos{background-size:cover,1650px auto;background-position:center,right top 13%;}
}
@media (max-width:1050px){
 .page-about .about-section .about-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:27px;}
 .page-about .sx-about-tech-card{min-height:260px;}
 .page-about .sx-about-tech-content h3{font-size:clamp(24px,3vw,34px);}
 .page-about .founders-layout{grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr);gap:28px;}
 .page-about button.founder-profile{grid-template-columns:60px minmax(0,1fr) auto;gap:14px;padding:14px!important;min-height:94px;}
 .page-about .founder-monogram{width:60px;height:60px;}
 .page-about .founder-story{grid-template-columns:minmax(240px,.75fr) minmax(0,1.25fr);}
 .page-about .founder-story-content{padding:44px 28px 45px;}
}
@media (max-width:760px){
 .page-about .section-wrap,.page-about .interior-hero-inner,.page-about .about-section .about-grid{width:calc(100% - 42px);}
 .page-about .sx-about-hero{min-height:390px;}
 .page-about .sx-about-hero-cosmos{background-size:cover,960px auto;background-position:center,left 34% top 5%;opacity:.7;}
 .page-about .interior-hero-inner{padding:58px 0 65px;}
 .page-about .interior-breadcrumb{font-size:9px;margin-bottom:27px;}
 .page-about .interior-hero h1{font-size:clamp(39px,7vw,56px);letter-spacing:-.047em;}
 .page-about .about-section .about-grid{grid-template-columns:minmax(0,1fr);gap:35px;}
 .page-about .sx-about-tech-card{max-width:640px;margin-inline:auto;min-height:300px;}
 .page-about .about-copy h2{font-size:clamp(32px,7vw,47px);}
 .page-about .founders-layout{grid-template-columns:1fr;gap:27px;}
 .page-about .founders-list{max-width:none;}
 .page-about .founder-story{grid-template-columns:1fr;}
 .page-about .founder-story-aside{min-height:370px;padding:20px;border-right:0;border-bottom:1px solid rgba(196,206,228,.18);}
 .page-about .founder-art{min-height:325px;max-height:360px;}
 .page-about .founder-art-portrait-wrap{width:min(64%,265px);}
 .page-about .founder-story-content{padding:40px 28px 38px;}
 .page-about .sx-about-founder-switch{right:19px;top:19px;}
 .page-about .sx-about-final-cta{flex-wrap:wrap;align-items:flex-start;min-height:220px;gap:26px;}
 .page-about .sx-about-final-cta .sx-about-cta-scenery{background-position:center,right 19% center;}
}
@media (max-width:480px){
 .page-about .section-wrap,.page-about .interior-hero-inner,.page-about .about-section .about-grid{width:calc(100% - 36px);}
 .page-about .sx-about-hero{min-height:365px;}
 .page-about .sx-about-hero-cosmos{background-size:cover,830px auto;background-position:center,left 26% top 9%;opacity:.53;}
 .page-about .interior-hero h1{font-size:clamp(34px,9vw,44px);}
 .page-about .interior-deck{font-size:13px;}
 .page-about .sx-about-tech-card{min-height:0;aspect-ratio:1.2;}
 .page-about .sx-about-tech-art{left:10%;width:107%;height:82%;top:2%;}
 .page-about .sx-about-tech-kicker{top:6%;left:5%;font-size:10px;}
 .page-about .sx-about-tech-content{left:5%;bottom:13%;}
 .page-about .sx-about-tech-content h3{font-size:clamp(26px,7.5vw,34px);margin-bottom:7px;}
 .page-about .sx-about-tech-content p{font-size:11px;}
 .page-about .sx-about-tech-footer{left:5%;right:5%;font-size:7px;}
 .page-about .about-actions a{font-size:11px;}
 .page-about .founders-intro h2{font-size:38px;}
 .page-about button.founder-profile{grid-template-columns:52px minmax(0,1fr) auto;gap:11px;padding:12px!important;min-height:88px;}
 .page-about .founder-monogram{width:52px;height:52px;}
 .page-about .founder-name{font-size:18px;}
 .page-about .founder-position{font-size:9px;}
 .page-about .founder-view-story{font-size:8px;letter-spacing:.7px;}
 .page-about .founder-role{font-size:8px;padding:6px 8px;}
 .page-about .founder-story-aside{min-height:305px;}
 .page-about .founder-art{min-height:250px;max-height:290px;}
 .page-about .founder-art-portrait-wrap{width:min(66%,210px);}
 .page-about .founder-story-content{padding:50px 20px 32px;}
 .page-about .founder-story-content h3{font-size:34px;}
 .page-about .founder-story-prose p{font-size:13px;line-height:1.72;}
 .page-about .founder-statement{font-size:15px;}
 .page-about .sx-about-founder-switch button{width:36px;height:36px;}
 .page-about .sx-about-final-cta{padding:30px 24px;min-height:250px;gap:22px;}
 .page-about .sx-about-final-cta h2{font-size:36px;}
 .page-about .sx-about-final-cta .button{width:auto;max-width:100%;}
}
@media (prefers-reduced-motion:reduce){
 .page-about .sx-about-tech-art,.page-about button.founder-profile,.page-about .sx-about-founder-switch button{transition:none!important;transform:none!important;}
}
/* Final section rhythm: remove oversized inherited founder-container padding. */
.page-about .founders-container {padding-top:0!important;padding-bottom:24px!important;}
.page-about .founder-panels {margin-bottom:30px!important;}
/* Keep the founder's face, not the jacket, centred in the small portrait crop. */
.page-about .founder-photo-thumb-james img {object-position:center 18%!important;}