/* A unified, content-first portfolio. */
.capability-links{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:14px 0 30px}.capability-links button{padding:22px;text-align:left;border:1px solid var(--rule);border-radius:20px;background:var(--panel);color:var(--ink);cursor:pointer}.capability-links b{display:block;font-size:18px;font-weight:600}.capability-links span{display:block;font-size:14px;line-height:1.5;color:var(--muted);margin-top:8px}.evidence-boundary{border-left:3px solid var(--rule);padding-left:18px}.drawer .offer a{display:inline-block;margin-top:16px}.drawer .offer>a:last-child{margin-left:12px}.math h5{margin:16px 0 5px}.tile .m b{font-size:24px!important}.tile .m span{font-size:14px}.chip.Experience{color:var(--muted)}@media(max-width:760px){.capability-links{grid-template-columns:1fr;gap:10px;padding-bottom:10px}.capability-links button{padding:18px}.hero h1{font-size:44px}.drawer .offer>a:last-child{margin-left:0;display:block}}
.model-collection{border-block:1px solid var(--rule);margin-block:10px 30px}.model-collection>summary{cursor:pointer;list-style:none;padding:24px 0;font-size:18px;display:flex;justify-content:space-between;gap:20px}.model-collection>summary::-webkit-details-marker{display:none}.model-collection>summary span{font-size:24px}.model-collection[open]>summary span{transform:rotate(45deg)}
:root,:root[data-theme=light]{--ground:#f5f5f7;--panel:#fff;--sunk:#eef1f0;--ink:#1d1d1f;--muted:#626268;--rule:#dedee3;--rose:#315bd7;--pine:#174737;--display:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--body:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:var(--body);--shadow:0 12px 38px rgba(20,30,45,.055)}
:root[data-theme=dark]{--ground:#101112;--panel:#1c1d20;--sunk:#25282b;--ink:#f5f5f7;--muted:#b2b3b9;--rule:#37393e;--rose:#9ab4ff;--pine:#a9d9c1;--accent-soft:#222e46;--shadow:0 12px 38px #0003}
html{scroll-padding-top:135px}body{padding:0;font-family:var(--body);letter-spacing:-.015em}.wrap{max-width:1200px;padding-inline:40px}h1,h2,h3,h4{letter-spacing:-.045em;font-weight:650;line-height:1.09}.site-sidebar{position:sticky;inset:auto;top:0;width:100%;height:auto;padding:12px max(24px,calc((100vw - 1120px)/2));display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:24px;overflow:visible;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--ink);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid var(--rule);z-index:40}.site-sidebar .mark{padding:0;margin:0;gap:9px;color:var(--ink);flex-shrink:0}.mark b{font-size:17px;letter-spacing:-.045em;display:flex;gap:4px}.mark b span{color:var(--ink);font-weight:500}.mark i,.side-label,.sidebar-bottom{display:none}.brand-symbol{color:var(--rose);width:28px;height:32px;font-size:28px}.bar nav{display:flex;gap:5px;align-items:center;flex-wrap:nowrap}.bar nav a,.nav-more summary{font:500 14px/1.4 var(--body);padding:9px 12px;border:0;min-height:38px;color:var(--muted);border-radius:22px;white-space:nowrap}.bar nav a:hover{background:var(--sunk);color:var(--ink)}.bar nav a[aria-current=page]{background:var(--sunk);box-shadow:none;color:var(--ink);border:0}.nav-more{position:relative}.nav-more summary{cursor:pointer;list-style:none}.nav-more summary::after{content:'⌄';margin-left:6px}.nav-more summary::-webkit-details-marker{display:none}.nav-more>div{position:absolute;right:0;top:48px;min-width:205px;padding:8px;background:var(--panel);border:1px solid var(--rule);border-radius:18px;box-shadow:var(--shadow)}.nav-more>div a{display:block}.topline{height:56px;background:var(--ground);border:0;max-width:1200px;margin:auto;padding-inline:40px}.topline>span{letter-spacing:0}.topline>div{gap:14px}.topline>div>a:first-child{display:none}.topline .contact-link{border-radius:22px;padding:8px 16px;background:#315bd7;color:white}#theme-toggle{border:0;background:transparent}.skip{left:16px}
.hero{display:block;text-align:center;padding:66px 0 56px}.hero-copy{max-width:920px;margin:auto}.hero .eyebrow{font-size:14px;letter-spacing:.13em;font-weight:550}.hero h1{font-size:clamp(46px,6.3vw,80px);line-height:1.06;letter-spacing:-.055em;margin:22px 0}.hero h1 em{color:var(--pine);font-weight:650}.hero .lead{font-size:clamp(20px,2.2vw,26px);max-width:37ch;margin:24px auto 0;line-height:1.4}.hero-note{max-width:none;margin:18px auto 0;font-size:16px;line-height:1.65}.hero .ctas{justify-content:center;margin-top:28px;gap:12px}.btn{border-radius:26px;min-height:46px;padding:12px 22px;font-weight:500;background:#315bd7;color:#fff;border-color:#315bd7}.btn:hover{transform:translateY(-1px);box-shadow:none}.btn.ghost{border-color:transparent;color:var(--rose)}.hero-byline{justify-content:center;margin-top:30px;text-align:left}.hero-byline img{width:48px;height:48px}.hero-byline b,.hero-byline span{font-size:13px}.proof{display:none}.band{padding-block:64px;border-bottom:0}.head{margin-bottom:28px}.head h2{font-size:clamp(32px,4vw,46px)}.head .eyebrow{font-size:12px;letter-spacing:.08em;font-weight:550}.featured-grid{grid-template-columns:repeat(3,1fr);gap:20px}.feature-card{border:0;border-radius:28px;padding:28px;min-height:365px;box-shadow:var(--shadow);transition:transform .24s,box-shadow .24s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px #18202b12}.feature-card h3{font-size:28px}.feature-card p{font-size:16px;line-height:1.5}.case-top{letter-spacing:.03em}.case-bottom{font-size:14px}.phx-card{background:#e5eee7}.ops-card{background:#173b30;color:#f6faf7}.kit-card{background:#eaf0ff;color:#202b48}.kit-type em{color:#315bd7}.phx-wordmark{padding-top:38px}.ops-preview{background:#ffffff08}.work-filters{gap:6px}.work-filters button{border-radius:24px}.tile,.essay-preview,.labcard,.pkg,.finder,.lm,.rpiece,.spectrum,.motion-stage{border-radius:24px;box-shadow:none}.tile{padding:30px}.labcard p,.strengths p,.room-invite p,.writing-feature p{font-size:16px}.labgrid{gap:18px}.room-invite{border-radius:24px}.contact-banner{border-radius:28px;padding:40px;background:#173b30}.contact-banner .btn{border-radius:24px;background:white;color:#173b30;border-color:white}.contact-banner p{font-size:16px}.drawer{border-radius:28px 0 0 28px}.drawer .x{border-radius:20px;min-height:42px}.drawer p{line-height:1.65}.connected-path{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:24px 0 40px;border-top:1px solid var(--rule);margin-top:24px;font-size:14px}.connected-path>span{color:var(--muted);margin-right:auto}.connected-path a{padding:9px 14px;border:1px solid var(--rule);border-radius:24px;text-decoration:none}.approach-intro{max-width:62ch;color:var(--muted);font-size:18px;margin-bottom:30px}.sample-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding-block:60px}.sample-feature h2{font-size:40px}.sample-feature p{margin-top:18px;color:var(--muted);font-size:18px}.sample-feature .hmodel{margin:0;border:0;border-radius:26px;box-shadow:var(--shadow)}.model-top{background:#173b30}.model-inner{background:var(--panel)}.portfolio-footer{padding:30px 40px;max-width:1200px;margin:auto;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:18px;font-size:14px;color:var(--muted)}.portfolio-footer a{text-decoration:none}.portfolio-footer div{display:flex;flex-wrap:wrap;gap:20px}.topline .contact-link span{display:none}
@media(min-width:761px) and (max-height:850px){.site-sidebar{padding-top:12px}.site-sidebar .mark{margin:0}.bar nav a{min-height:38px;padding-block:9px}}
@media(max-width:900px){.site-sidebar{padding-inline:20px;gap:12px}.mark b{display:block;font-size:15px}.mark b span{display:block}.bar nav a,.nav-more summary{padding-inline:9px}.featured-grid{gap:14px}.feature-card{padding:22px}.sample-feature{gap:28px}.topline,.wrap{padding-inline:28px}}
@media(max-width:760px){.site-sidebar{flex-wrap:wrap;padding:14px 18px 9px;gap:8px}.site-sidebar .mark{margin:0}.mark b{display:flex;gap:4px;font-size:17px}.brand-symbol{font-size:27px}.site-sidebar .bar{width:100%;overflow:visible}.bar nav{display:flex;justify-content:space-between;gap:0;overflow:visible}.bar nav a,.nav-more summary{font-size:14px;padding:9px 7px;min-height:40px}.topline{height:52px;padding-inline:20px}.topline>span,.topline b{font-size:12px}.topline>div{gap:7px}.topline .contact-link{font-size:13px}.wrap{padding-inline:22px}.hero{padding:34px 0 30px}.hero h1{font-size:clamp(40px,8.5vw,60px);letter-spacing:-.05em}.hero .lead{font-size:22px}.hero-note{font-size:16px}.hero-note br{display:none}.hero-byline b,.hero-byline span{font-size:12px}.hero .ctas{gap:5px}.btn{font-size:14px;padding:12px 17px}.band{padding-block:40px}.head{align-items:start}.head h2{font-size:34px}.featured-grid{grid-template-columns:1fr;gap:18px}.feature-card{min-height:310px;padding:28px}.feature-card h3{font-size:29px}.phx-wordmark{font-size:48px;padding-block:28px 12px}.sample-feature{grid-template-columns:1fr;padding-block:35px;gap:28px}.sample-feature h2{font-size:34px}.labgrid{grid-template-columns:1fr 1fr}.connected-path{gap:8px}.connected-path>span{flex-basis:100%}.connected-path a{padding:8px 12px}.contact-banner{padding:28px}.contact-banner h2{font-size:32px}.portfolio-footer{padding:28px 22px;flex-direction:column}.drawer{border-radius:24px 24px 0 0}.tile.feature h4{font-size:30px}}
@media(max-width:390px){.bar nav a,.nav-more summary{font-size:13px;padding-inline:6px}.hero h1{font-size:39px}.labgrid{grid-template-columns:1fr}.hero-byline b,.hero-byline span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
