/* Editorial layer for the public home and work pages. Forms retain the shared layout. */
:where(.home-redesign,.work-redesign){--paper:#f7faff;--ink:#1c2a40;--muted:#516179;--line:#c6d2e5;--soft:#e3e9f3;--green:#41679a;background:var(--paper)}
:where(.home-redesign,.work-redesign) .section-label{font-size:11px;letter-spacing:.075em;text-transform:uppercase;font-weight:600;color:var(--green)}
:where(.home-redesign,.work-redesign) .button{border-radius:3px;padding:18px 24px;min-height:56px}
:where(.home-redesign,.work-redesign) .text-link{font-size:13px;gap:23px}
:where(.home-redesign,.work-redesign) em{font-style:normal;color:var(--green)}
:where(.home-redesign,.work-redesign) .section-heading h2{font-size:clamp(40px,4.3vw,60px);letter-spacing:-.055em;line-height:1.09}
:where(.home-redesign,.work-redesign) .section-heading>p{font-size:15px;line-height:1.8}
:where(.home-redesign,.work-redesign) .site-header{border-bottom:1px solid var(--line)}
:where(.home-redesign,.work-redesign) .nav-contact{border-bottom:1px solid var(--ink);padding-bottom:8px}

/* A real product screen establishes the work from the first viewport. */
.home-redesign .consulting-hero{background:var(--paper);color:var(--ink);overflow:visible}
.home-redesign .hero-inner{display:grid;grid-template-columns:1fr 1.06fr;gap:64px;align-items:center;min-height:0;padding:62px 0 72px}
.home-redesign .hero-copy{width:auto;max-width:none;min-width:0}
.home-redesign .hero-kicker{display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.7;color:var(--green);margin-bottom:28px}
.home-redesign .hero-kicker>span{width:6px;height:6px;border-radius:50%;background:#48638c;flex:none}
.home-redesign .consulting-hero h1{font-size:clamp(55px,5.65vw,80px);font-weight:500;letter-spacing:-.061em;line-height:1.04;max-width:none}
.home-redesign .consulting-hero h1 em{white-space:nowrap}
.home-redesign .hero-description{font-size:16px;line-height:1.8;max-width:390px;margin:28px 0 29px;color:var(--muted)}
.home-redesign .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:23px}
.home-redesign .hero-secondary{font-size:12px;display:inline-flex;align-items:center;gap:9px;min-height:44px}
.home-redesign .hero-secondary .icon{width:16px;height:16px}
.home-redesign .hero-byline{font-size:11px;color:var(--muted);margin-top:28px;line-height:1.7}
.home-redesign .hero-project{background:#dae2ee;border:1px solid #cdd8e9;padding:28px;min-width:0}
.home-redesign .hero-project-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:30px;font-size:12px;line-height:1.6;color:#364b6a}
.home-redesign .hero-project-index{font-size:10px;letter-spacing:.065em;text-align:right;padding-top:3px}
.home-redesign .hero-screen{display:block;background:#141a24;border:1px solid #a9bcd9;box-shadow:0 12px 22px -12px #202a3a38;overflow:hidden}
.home-redesign .hero-screen img{width:100%;height:auto;transition:transform .55s var(--ease)}
.home-redesign .hero-screen:hover img{transform:scale(1.015)}
.home-redesign .hero-project-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}
.home-redesign .hero-project-footer strong{font-size:16px;font-weight:600;letter-spacing:-.03em}
.home-redesign .hero-project-footer p{font-size:11px;line-height:1.7;color:#3f577b;margin-top:5px}
.home-redesign .hero-project-footer>a{display:grid;place-items:center;width:43px;height:43px;flex:none;border:1px solid #9eb3d3;border-radius:50%;transition:background .2s}
.home-redesign .hero-project-footer>a:hover{background:#ced9e9}
.home-redesign .hero :focus-visible{outline-color:#364a68}
.home-redesign .capability-band{border-block:1px solid var(--line);background:#e5ebf3}
.home-redesign .capability-band>.container{display:flex;justify-content:space-between;gap:20px;padding:23px 0;font-size:11px;color:#3b5173;letter-spacing:.015em}
.home-redesign .capability-band span{display:flex;align-items:center;gap:15px}
.home-redesign .capability-band span:before{content:'+';font-size:14px;color:#5d7dac}

/* Selected work: generous product screens and readable project context. */
.home-redesign .selected-work{padding:104px 0 93px}
.home-redesign .selected-work .section-heading{margin-bottom:53px}
.home-redesign .project-row{display:grid;grid-template-columns:1.9fr 1fr;gap:65px;align-items:center;padding:0 0 66px}
.home-redesign .project-row+.project-row{padding-top:66px;border-top:1px solid var(--line)}
.home-redesign .project-row.engine-project{grid-template-columns:1fr 1.9fr}
.home-redesign .engine-project .project-art{grid-column:2;grid-row:1}
.home-redesign .engine-project .project-copy{grid-column:1;grid-row:1}
.home-redesign .project-art{display:block;min-width:0;background:#d3ddeb;padding:28px;overflow:hidden}
.home-redesign .project-art-label{display:block;font-size:10px;letter-spacing:.09em;font-weight:600;color:#3a5070;margin-bottom:30px}
.home-redesign .project-art img{width:100%;height:auto;box-shadow:0 15px 26px -17px #242f4054;border:1px solid #b2c3dc;transition:transform .45s var(--ease)}
.home-redesign .project-art:hover img{transform:translateY(-4px)}
.home-redesign .project-art-caption{display:block;font-size:10px;color:#3c5274;margin-top:23px;line-height:1.6}
.home-redesign .engine-project .project-art{background:#d6dfed}
.home-redesign .engine-project .project-art-label,.home-redesign .engine-project .project-art-caption{color:#3a5070}
.home-redesign .engine-project .project-art img{border-color:#a9bcd8}
.home-redesign .project-copy{min-width:0}
.home-redesign .project-number{font-size:12px;color:#455f85;display:flex;align-items:center;gap:17px;margin-bottom:33px}
.home-redesign .project-number span{font-size:10px;line-height:1.6;color:var(--muted)}
.home-redesign .project-copy h3{font-size:clamp(33px,3vw,44px);font-weight:500;line-height:1.13;letter-spacing:-.047em;margin:0 0 21px}
.home-redesign .project-copy>p{font-size:15px;line-height:1.85;color:var(--muted);max-width:320px}
:where(.home-redesign,.work-redesign) .case-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
:where(.home-redesign,.work-redesign) .case-stack>span{font-size:10px;line-height:1.5;padding:7px 10px;border:1px solid #b6c6de;color:#3c5274;border-radius:2px}
.home-redesign .project-copy>.text-link{margin-top:25px}
.home-redesign .selected-work-end{border-top:1px solid var(--line);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.home-redesign .selected-work-end>span{font-size:12px;color:var(--muted);max-width:440px;line-height:1.8}

/* Service, process, and founder maintain the same editorial rhythm. */
.home-redesign .problem-section{background:#e5ebf3;padding:95px 0 100px}
.home-redesign .problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:52px}
.home-redesign .problem-grid article{border-top:1px solid #b4c5de;padding-top:21px}
.home-redesign .problem-grid article>span{font-size:10px;letter-spacing:.07em;color:#425b81}
.home-redesign .problem-grid h3{font-size:25px;line-height:1.35;letter-spacing:-.035em;margin:25px 0 18px;max-width:320px}
.home-redesign .problem-grid p{font-size:14px;line-height:1.9;color:var(--muted)}
.home-redesign .approach-section{background:#22344f;color:#e8edf5;padding:105px 0}
.home-redesign .approach-inner{grid-template-columns:1.05fr 1fr;gap:105px}
.home-redesign .approach-heading .section-label{color:#9bb1d2}
.home-redesign .approach-heading h2{font-size:clamp(38px,3.8vw,53px);line-height:1.13;letter-spacing:-.047em;margin-bottom:29px}
.home-redesign .approach-description{font-size:15px;line-height:1.9;color:#acbed9;max-width:395px}
.home-redesign .approach-heading>.text-link{color:#e8edf5;margin-top:25px;border-bottom:1px solid #49658f}
.home-redesign .approach-heading .engagement-note{font-size:11px;line-height:1.8;color:#98afd1;max-width:310px;margin-top:25px}
.home-redesign .approach-steps article{grid-template-columns:33px 1fr;gap:24px;padding:27px 0;border-color:#3b5173}
.home-redesign .approach-steps article:first-child{padding-top:0}
.home-redesign .approach-steps h3{font-size:24px;letter-spacing:-.025em;margin-bottom:14px}
.home-redesign .approach-steps p{font-size:14px;line-height:1.85;color:#a8bbd8}
.home-redesign .step-index{color:#89a3ca;font-size:12px}
.home-redesign .step-output{font-size:10px;color:#93abcf;line-height:1.8;margin-top:19px}
.home-redesign .approach-section :focus-visible{outline-color:#acbed9}
.home-redesign .founder-editorial{display:grid;grid-template-columns:1fr 1fr;gap:95px;padding:115px 0;align-items:center}
.home-redesign .founder-image{margin:0;min-width:0}
.home-redesign .founder-image>img{width:100%;aspect-ratio:4/4.6;height:auto;object-fit:cover;object-position:43% center}
.home-redesign .founder-image figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#49648d;padding:17px 0;border-bottom:1px solid var(--line)}
.home-redesign .founder-copy h2{font-size:clamp(33px,3.1vw,44px);line-height:1.15;letter-spacing:-.049em;margin-bottom:27px}
.home-redesign .founder-copy>.section-label{font-size:11px;margin-bottom:25px;color:var(--green)}
.home-redesign .founder-copy>.founder-lead{font-size:19px;line-height:1.65;color:var(--ink);margin-bottom:20px}
.home-redesign .founder-copy>p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:18px}
.home-redesign .founder-links{display:flex;gap:27px;align-items:center;flex-wrap:wrap;margin-top:23px}
.home-redesign .founder-linkedin{display:flex;align-items:center;gap:10px;font-size:12px;color:#3b5172;min-height:44px}
.home-redesign .founder-linkedin .icon{width:14px;height:14px}
:where(.home-redesign,.work-redesign) .closing-section{background:#22344f;color:#eaeef5;padding:90px 0 95px}
:where(.home-redesign,.work-redesign) .closing-inner{display:flex;justify-content:space-between;align-items:flex-end;gap:60px}
:where(.home-redesign,.work-redesign) .closing-inner .section-label{color:#a0b5d4;margin-bottom:29px}
:where(.home-redesign,.work-redesign) .closing-inner h2{font-size:clamp(45px,5.4vw,76px);line-height:1.065;letter-spacing:-.055em}
:where(.home-redesign,.work-redesign) .closing-actions{display:block;flex:none;margin:0 0 5px}
:where(.home-redesign,.work-redesign) .closing-actions .button{background:#dbe3ef;color:#212b3b}
:where(.home-redesign,.work-redesign) .closing-actions .button:hover{background:#c1cfe3}
:where(.home-redesign,.work-redesign) .closing-actions p{font-size:11px;line-height:1.85;color:#9ab0d2;margin-top:21px}
:where(.home-redesign,.work-redesign) .closing-section :focus-visible{outline-color:#acbed9}

/* Work opens with a visual index, followed by two source-backed case studies. */
.work-redesign .work-intro{padding:72px 0 47px}
.work-redesign .work-intro-top{display:grid;grid-template-columns:1.18fr 1fr;gap:100px;align-items:end}
.work-redesign .work-intro h1{font-size:clamp(66px,7.9vw,112px);line-height:1.015;letter-spacing:-.066em}
.work-redesign .work-intro .section-label{margin-bottom:24px}
.work-redesign .work-intro-copy{padding-bottom:6px;max-width:420px}
.work-redesign .work-intro-copy>p:first-child{font-size:20px;line-height:1.55;letter-spacing:-.02em;margin-bottom:22px}
.work-redesign .work-intro-copy>p+p{font-size:14px;line-height:1.9;color:var(--muted);max-width:360px}
.work-redesign .work-index{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:48px}
.work-redesign .work-index-item{display:flex;gap:22px;align-items:center;border-top:1px solid #a2b6d5;border-bottom:1px solid #c6d2e5;padding:20px 0;min-width:0}
.work-redesign .work-index-thumb{display:block;width:200px;flex:none;background:#d3ddeb;padding:9px;overflow:hidden}
.work-redesign .work-index-thumb img{width:100%;height:auto;aspect-ratio:1.64;object-fit:cover;object-position:top;transition:transform .4s var(--ease)}
.work-redesign .engine-thumb{background:#d4deec}
.work-redesign .work-index-item:hover img{transform:scale(1.04)}
.work-redesign .work-index-text{display:block;min-width:0}
.work-redesign .work-index-text small{display:block;font-size:10px;letter-spacing:.075em;color:#425a7f;line-height:1.6}
.work-redesign .work-index-text strong{display:block;font-size:20px;line-height:1.3;font-weight:500;letter-spacing:-.025em;margin:8px 0}
.work-redesign .work-index-text>span{display:block;font-size:11px;color:var(--muted);line-height:1.6}
.work-redesign .work-index-item>.icon{margin-left:auto;width:20px;height:20px;flex:none}
.work-redesign .work-jump-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 28px;margin-top:24px;padding:0}
.work-redesign .work-jump-links>span{font-size:10px;color:#3b5172;margin-right:auto}
.work-redesign .work-jump-links>a{display:flex;align-items:center;gap:8px;border:0;padding:8px 0;min-height:40px;font-size:10px;line-height:1.6}
.work-redesign .work-jump-links>a:after{display:none}
.work-redesign .work-jump-links .icon{width:14px;height:14px}
.work-redesign .new-case{padding:85px 0 80px;border-top:1px solid var(--line)}
.work-redesign .xoxoa-case{background:#e3e9f3}
.work-redesign .case-title{margin-bottom:42px;align-items:flex-end;gap:60px}
.work-redesign .case-title .section-label{margin-bottom:24px}
.work-redesign .case-title h2{font-size:clamp(56px,5.5vw,80px);letter-spacing:-.059em;line-height:1.04;margin:0}
.work-redesign .case-title h2 span{color:#445d83}
.work-redesign .case-title-aside{max-width:400px;padding-bottom:4px}
.work-redesign .case-title-aside>p{font-size:15px;line-height:1.85;color:var(--muted)}
.work-redesign .case-title-aside>.text-link{margin-top:21px;font-size:12px;border-bottom:1px solid #879ec1}
.work-redesign .case-meta{display:grid;grid-template-columns:1fr 1.15fr 1fr 1fr;gap:40px;border-top:1px solid #afc1db;margin:0 0 39px;padding-top:23px}
.work-redesign .case-meta dt{font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#3b5172;margin-bottom:11px}
.work-redesign .case-meta dd{font-size:11px;line-height:1.75;color:#314056;margin:0}
.work-redesign .status-indicator{display:inline-block;width:5px;height:5px;background:#466189;margin:0 6px 2px 0;border-radius:50%}
.work-redesign .product-shot{margin:0;min-width:0;background:#cbd7e8;padding:30px 30px 0}
.work-redesign .capture-surface{border:1px solid #a3b7d6;background:#ecf0f7;box-shadow:0 12px 28px -20px #19212d77;overflow:hidden}
.work-redesign .capture-surface>img{display:block;width:100%;height:auto}
.work-redesign .product-shot figcaption{display:flex;justify-content:space-between;gap:14px;padding:18px 0;font-size:10px;line-height:1.6;color:#3c5274}
.work-redesign .product-shot figcaption>span+span{text-align:right;color:#3c5274}
.work-redesign .case-summary{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:66px}
.work-redesign .case-summary h3{font-size:clamp(29px,3vw,41px);line-height:1.2;letter-spacing:-.045em}
.work-redesign .case-summary .section-label{margin-bottom:21px}
.work-redesign .case-summary p:not(.section-label){font-size:15px;line-height:1.9;color:var(--muted);margin-bottom:18px}
.work-redesign .case-details{margin-top:40px;padding-top:0;gap:45px}
.work-redesign .case-details>div{border-top:1px solid #afc1db;padding-top:23px}
.work-redesign .detail-index{font-size:10px;letter-spacing:.08em;color:#3b5172}
.work-redesign .case-details h3{font-size:20px;font-weight:500;line-height:1.3;margin:23px 0 15px;letter-spacing:-.035em}
.work-redesign .case-details p{font-size:13px;line-height:1.95;color:var(--muted)}
.work-redesign .case-gallery-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:73px 0 30px}
.work-redesign .case-gallery-heading .section-label{margin-bottom:20px}
.work-redesign .case-gallery-heading h3{font-size:36px;line-height:1.18;letter-spacing:-.045em}
.work-redesign .case-gallery-heading>p{font-size:12px;line-height:1.85;color:var(--muted)}
.work-redesign .xoxoa-gallery{display:grid;grid-template-columns:2.8fr 1fr;gap:23px;align-items:stretch}
.work-redesign .results-shot{display:flex;flex-direction:column;justify-content:center;padding:30px;background:#cbd7e8}
.work-redesign .results-shot figcaption{padding-bottom:0}
.work-redesign .mobile-shot{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;margin:0;background:#c4d1e4;padding:22px}
.work-redesign .mobile-capture{max-width:280px;width:100%;border:1px solid #97aed1;box-shadow:0 10px 24px -14px #303f5566;overflow:hidden}
.work-redesign .mobile-capture img{width:100%;height:auto}
.work-redesign .mobile-shot figcaption{display:flex;flex-direction:column;gap:4px;align-self:stretch;margin-top:18px;font-size:10px;line-height:1.6;color:#384e6e}
.work-redesign .mobile-shot figcaption>span+span{color:#3b5172}
.work-redesign .case-footer{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:35px}
.work-redesign .case-footer .case-stack{margin:0}
.work-redesign .case-footer>.text-link{font-size:11px;flex:none}
.work-redesign .case-footnote{font-size:10px;color:#3b5172;line-height:1.8;max-width:none;margin-top:24px}
.work-redesign .engine-case{background:#e3e9f2}
.work-redesign .engine-shot,.work-redesign .engine-detail-shot{background:#c8d4e7}
.work-redesign .engine-shot .capture-surface,.work-redesign .engine-detail-shot .capture-surface{border-color:#a5b9d6}
.work-redesign .engine-shot figcaption,.work-redesign .engine-detail-shot figcaption{color:#374c6c}
.work-redesign .engine-shot figcaption>span+span{color:#3b5172}
.work-redesign .engine-detail-layout{display:grid;grid-template-columns:.75fr 1.4fr;gap:70px;align-items:center;margin-top:64px}
.work-redesign .engine-detail-copy h3{font-size:clamp(34px,3.6vw,49px);line-height:1.13;letter-spacing:-.05em;margin-bottom:25px}
.work-redesign .engine-detail-copy>p:not(.section-label){font-size:14px;line-height:1.9;color:var(--muted);max-width:335px}
.work-redesign .detail-note{display:block;border-top:1px solid #a7bad7;padding-top:17px;max-width:335px;margin-top:29px;font-size:10px;line-height:1.8;color:#3b5172}
.work-redesign .engine-detail-shot{padding:24px 24px 0}
.work-redesign .engine-details{margin-top:54px}

/* Existing experience, technical and demo hooks stay intact. */
.work-redesign .experience-section{background:var(--paper);padding:98px 0;border-top:1px solid var(--line)}
.work-redesign .experience-layout{gap:100px;grid-template-columns:1fr 1fr}
.work-redesign .experience-heading h2{font-size:49px;letter-spacing:-.048em;line-height:1.14}
.work-redesign .experience-heading>p:not(.section-label){font-size:15px;line-height:1.9;color:var(--muted)}
.work-redesign .experience-list article{border-color:#b8c8df;padding:25px 0}
.work-redesign .experience-list article:first-child{padding-top:0;border-top:0}
.work-redesign .experience-list h3{font-size:23px;font-weight:500}
.work-redesign .experience-list p:last-child{font-size:13px;line-height:1.9}
.work-redesign .experience-list .experience-role{font-size:11px;color:#445e84}
.work-redesign .technical-section{padding:85px 0;border-top:1px solid var(--line)}
.work-redesign .technical-grid{gap:45px;margin-top:45px}
.work-redesign .technical-grid h3{font-size:25px;line-height:1.3;margin:24px 0 18px}
.work-redesign .technical-grid p{font-size:14px;line-height:1.9}
.work-redesign .technical-index{font-size:10px;letter-spacing:.07em;color:#41597e}
.work-redesign .technical-stack{font-size:10px;line-height:1.85;color:#435c82}
.work-redesign .technical-note{font-size:14px;line-height:1.85;max-width:810px;margin-top:42px}
.work-redesign .demo-section{padding:60px 0 100px;grid-template-columns:.85fr 1.15fr;gap:65px;border-top:1px solid var(--line)}
.work-redesign .demo-section .eyebrow{font-size:11px;color:#435c82;letter-spacing:.07em;text-transform:uppercase}
.work-redesign .demo-section h2{font-size:39px;line-height:1.17;letter-spacing:-.047em}
.work-redesign .demo-section .section-intro>p:not(.eyebrow){font-size:14px;line-height:1.9}
.work-redesign .demo-section .section-intro>.caption{font-size:11px}
.work-redesign .workflow{background:#dce4ef;border:1px solid #c8d4e6;border-radius:2px;padding:27px}
.work-redesign .workflow-toolbar{gap:15px}
.work-redesign .workflow-toolbar .utility{font-size:10px;letter-spacing:.025em}
.work-redesign .workflow-node{padding:17px 11px}
.work-redesign .workflow-node strong{font-size:12px}
.work-redesign .workflow-node p{font-size:10px;line-height:1.8}
.work-redesign .workflow-bottom p{font-size:11px}
.work-redesign .demo-actions a{font-size:10px}
.work-redesign .demo-scope{font-size:10px;line-height:1.8}

@media(min-width:1500px){
  .home-redesign .hero-inner{gap:85px;padding:78px 0 85px}
  .home-redesign .consulting-hero h1{font-size:84px}
  .home-redesign .hero-project{padding:32px}
}
@media(max-width:1100px){
  .home-redesign .hero-inner{gap:35px;padding:48px 0 56px}
  .home-redesign .consulting-hero h1{font-size:clamp(47px,5.5vw,62px)}
  .home-redesign .hero-kicker{font-size:10px;margin-bottom:23px}
  .home-redesign .hero-description{font-size:15px;margin:25px 0}
  .home-redesign .hero-actions{gap:14px}
  .home-redesign .hero-actions .button{font-size:11px;gap:20px;padding:16px 18px}
  .home-redesign .hero-secondary{font-size:10px}
  .home-redesign .hero-project{padding:20px}
  .home-redesign .hero-project-heading{margin-bottom:23px;font-size:11px}
  .home-redesign .hero-project-index{font-size:10px}
  .home-redesign .hero-project-footer strong{font-size:14px}
  .home-redesign .hero-project-footer p{font-size:10px}
  .home-redesign .hero-project-footer>a{width:36px;height:36px}
  .home-redesign .project-row,.home-redesign .project-row.engine-project{gap:40px}
  .home-redesign .project-art{padding:23px}
  .home-redesign .project-art-label{font-size:10px;margin-bottom:24px}
  .home-redesign .project-copy h3{font-size:33px}
  .home-redesign .project-copy>p{font-size:14px}
  .home-redesign .project-number{gap:12px;margin-bottom:23px}
  .home-redesign .project-number span{font-size:10px}
  .home-redesign .problem-grid{gap:35px}
  .home-redesign .approach-inner{gap:55px}
  .home-redesign .founder-editorial{gap:55px}
  .home-redesign .founder-copy h2{font-size:35px}
  .home-redesign .founder-copy>.founder-lead{font-size:17px}
  :where(.home-redesign,.work-redesign) .closing-inner{gap:40px}
  :where(.home-redesign,.work-redesign) .closing-inner h2{font-size:58px}
  .work-redesign .work-intro-top{gap:60px}
  .work-redesign .work-intro-copy>p:first-child{font-size:18px}
  .work-redesign .work-index{gap:25px}
  .work-redesign .work-index-item{gap:15px}
  .work-redesign .work-index-thumb{width:190px;padding:9px}
  .work-redesign .work-index-text strong{font-size:16px}
  .work-redesign .work-index-text small{font-size:10px}
  .work-redesign .work-index-text>span{font-size:10px}
  .work-redesign .work-jump-links{gap:12px 20px}
  .work-redesign .work-jump-links>span{font-size:10px}
  .work-redesign .work-jump-links>a{font-size:10px}
  .work-redesign .case-meta{gap:22px}
  .work-redesign .case-meta dd{font-size:10px}
  .work-redesign .case-title{gap:40px}
  .work-redesign .case-title h2{font-size:65px}
  .work-redesign .case-summary{gap:60px}
  .work-redesign .case-details{gap:32px}
  .work-redesign .case-details h3{font-size:19px}
  .work-redesign .product-shot{padding:23px 23px 0}
  .work-redesign .results-shot{padding:23px}
  .work-redesign .mobile-shot{padding:17px}
  .work-redesign .xoxoa-gallery{gap:17px;grid-template-columns:2.5fr 1fr}
  .work-redesign .product-shot figcaption{font-size:10px}
  .work-redesign .case-footer{gap:24px}
  .work-redesign .case-footer .case-stack>span{font-size:10px;padding:7px 9px}
  .work-redesign .engine-detail-layout{gap:50px}
  .work-redesign .experience-layout{gap:60px}
  .work-redesign .experience-heading h2{font-size:42px}
  .work-redesign .demo-section{gap:35px}
  .work-redesign .demo-section h2{font-size:33px}
  .work-redesign .workflow{padding:20px}
  .work-redesign .workflow-toolbar{flex-wrap:wrap}
}
@media(min-width:761px) and (max-width:900px){
  .work-redesign .work-index{grid-template-columns:1fr;gap:0}
  .work-redesign .work-index-item+.work-index-item{border-top:0}
}
@media(max-width:760px){
  :where(.home-redesign,.work-redesign) .section-label{font-size:10px;line-height:1.7}
  :where(.home-redesign,.work-redesign) .section-heading h2{font-size:41px}
  :where(.home-redesign,.work-redesign) .section-heading>p{font-size:14px;margin-top:23px}
  .home-redesign .hero-inner{grid-template-columns:1fr;gap:38px;padding:42px 0 36px}
  .home-redesign .hero-kicker{font-size:10px;gap:8px;margin-bottom:24px}
  .home-redesign .consulting-hero h1{font-size:clamp(44px,9.6vw,70px);letter-spacing:-.056em;line-height:1.065}
  .home-redesign .hero-description{font-size:15px;line-height:1.85;margin:23px 0;max-width:410px}
  .home-redesign .hero-actions{gap:20px}
  .home-redesign .hero-actions .button{font-size:11px;min-height:51px;padding:16px 18px;gap:23px}
  .home-redesign .hero-secondary{font-size:11px;gap:6px}
  .home-redesign .hero-byline{font-size:10px;margin-top:22px}
  .home-redesign .hero-project{padding:20px}
  .home-redesign .hero-project-heading{font-size:11px;margin-bottom:21px}
  .home-redesign .hero-project-index{font-size:10px;max-width:80px}
  .home-redesign .hero-project-footer{margin-top:19px;gap:12px}
  .home-redesign .hero-project-footer strong{font-size:15px}
  .home-redesign .hero-project-footer p{font-size:10px;max-width:220px}
  .home-redesign .hero-project-footer>a{width:36px;height:36px}
  .home-redesign .capability-band>.container{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px;padding:20px 0;font-size:10px}
  .home-redesign .capability-band span{gap:9px}
  .home-redesign .selected-work{padding:67px 0 60px}
  .home-redesign .selected-work .section-heading{margin-bottom:32px}
  .home-redesign .project-row,.home-redesign .project-row.engine-project{grid-template-columns:1fr;gap:27px;padding:0 0 37px}
  .home-redesign .project-row+.project-row{padding-top:37px}
  .home-redesign .engine-project .project-art,.home-redesign .engine-project .project-copy{grid-column:auto;grid-row:auto}
  .home-redesign .project-art{padding:19px}
  .home-redesign .project-art-label{font-size:10px;line-height:1.7;margin-bottom:20px}
  .home-redesign .project-art-caption{font-size:11px;line-height:1.7;margin-top:17px}
  .home-redesign .project-copy{padding:0 3px}
  .home-redesign .project-number{margin-bottom:18px;font-size:10px}
  .home-redesign .project-number span{font-size:10px}
  .home-redesign .project-copy h3{font-size:35px;line-height:1.15;margin-bottom:17px}
  .home-redesign .project-copy h3 br{display:none}
  .home-redesign .project-copy>p{font-size:14px;max-width:480px}
  .home-redesign .project-copy .case-stack{margin-top:20px}
  .home-redesign .project-copy>.text-link{margin-top:16px}
  .home-redesign .selected-work-end{display:block;padding-top:22px}
  .home-redesign .selected-work-end>span{display:block;font-size:11px}
  .home-redesign .selected-work-end>.text-link{margin-top:12px;font-size:12px}
  .home-redesign .problem-section{padding:65px 0}
  .home-redesign .problem-grid{grid-template-columns:1fr;gap:29px;margin-top:34px}
  .home-redesign .problem-grid article{padding-top:19px}
  .home-redesign .problem-grid article>span{font-size:10px}
  .home-redesign .problem-grid h3{font-size:24px;margin:17px 0 14px;max-width:400px}
  .home-redesign .problem-grid p{font-size:14px;line-height:1.85}
  .home-redesign .approach-section{padding:67px 0}
  .home-redesign .approach-inner{grid-template-columns:1fr;gap:43px}
  .home-redesign .approach-heading h2{font-size:clamp(33px,7.6vw,43px);line-height:1.15;margin-bottom:25px}
  .home-redesign .approach-description{font-size:14px;line-height:1.85}
  .home-redesign .approach-heading>.text-link{font-size:12px;margin-top:20px}
  .home-redesign .approach-heading .engagement-note{font-size:11px;margin-top:20px}
  .home-redesign .approach-steps article{grid-template-columns:24px 1fr;gap:17px;padding:25px 0}
  .home-redesign .approach-steps article:first-child{border-top:1px solid #3b5173;padding-top:25px}
  .home-redesign .approach-steps h3{font-size:22px}
  .home-redesign .approach-steps p{font-size:14px}
  .home-redesign .step-output{font-size:10px;margin-top:17px}
  .home-redesign .founder-editorial{grid-template-columns:1fr;gap:35px;padding:65px 0}
  .home-redesign .founder-image>img{aspect-ratio:1.1;object-position:43% center}
  .home-redesign .founder-image figcaption{font-size:10px;padding:15px 0}
  .home-redesign .founder-copy>.section-label{font-size:10px;margin-bottom:22px}
  .home-redesign .founder-copy h2{font-size:34px;line-height:1.17;margin-bottom:23px}
  .home-redesign .founder-copy>.founder-lead{font-size:18px;line-height:1.7}
  .home-redesign .founder-copy>p{font-size:14px;line-height:1.9}
  .home-redesign .founder-links{gap:24px;margin-top:18px}
  .home-redesign .founder-links .text-link{font-size:12px}
  :where(.home-redesign,.work-redesign) .closing-section{padding:61px 0 66px}
  :where(.home-redesign,.work-redesign) .closing-inner{display:block}
  :where(.home-redesign,.work-redesign) .closing-inner .section-label{margin-bottom:25px;max-width:260px}
  :where(.home-redesign,.work-redesign) .closing-inner h2{font-size:clamp(40px,9.6vw,65px);line-height:1.11;letter-spacing:-.052em}
  :where(.home-redesign,.work-redesign) .closing-actions{margin-top:28px}
  :where(.home-redesign,.work-redesign) .closing-actions p{font-size:12px;margin-top:23px}
  .work-redesign .work-intro{padding:42px 0 28px}
  .work-redesign .work-intro-top{grid-template-columns:1fr;gap:25px}
  .work-redesign .work-intro h1{font-size:clamp(66px,13vw,93px);letter-spacing:-.061em;line-height:1.02}
  .work-redesign .work-intro .section-label{margin-bottom:21px}
  .work-redesign .work-intro-copy{padding:0;max-width:420px}
  .work-redesign .work-intro-copy>p:first-child{font-size:16px;line-height:1.7;margin-bottom:14px}
  .work-redesign .work-intro-copy>p+p{font-size:13px;line-height:1.85;max-width:400px}
  .work-redesign .work-index{grid-template-columns:1fr;gap:0;margin-top:29px}
  .work-redesign .work-index-item{gap:15px;padding:18px 0}
  .work-redesign .work-index-item+.work-index-item{border-top:0}
  .work-redesign .work-index-thumb{width:120px;padding:7px}
  .work-redesign .work-index-text strong{font-size:16px;margin:7px 0}
  .work-redesign .work-index-text small{font-size:10px;letter-spacing:.035em}
  .work-redesign .work-index-text>span{font-size:10px;max-width:220px}
  .work-redesign .work-index-item>.icon{width:15px;height:15px}
  .work-redesign .work-jump-links{display:flex;gap:1px 20px;margin-top:19px}
  .work-redesign .work-jump-links>span{width:100%;font-size:10px;margin-bottom:6px}
  .work-redesign .work-jump-links>a{display:flex!important;font-size:10px;min-height:40px;gap:6px}
  .work-redesign .new-case{padding:50px 0 48px}
  .work-redesign .case-title{display:block;margin-bottom:30px}
  .work-redesign .case-title .section-label{margin-bottom:19px}
  .work-redesign .case-title h2{font-size:52px;letter-spacing:-.057em;line-height:1.08}
  .work-redesign .case-title-aside{margin-top:25px;padding:0;max-width:470px}
  .work-redesign .case-title-aside>p{font-size:14px;line-height:1.85}
  .work-redesign .case-title-aside>.text-link{font-size:12px;margin-top:17px}
  .work-redesign .case-meta{grid-template-columns:1fr 1fr;gap:23px 20px;padding-top:21px;margin-bottom:28px}
  .work-redesign .case-meta dt{font-size:10px;margin-bottom:8px}
  .work-redesign .case-meta dd{font-size:11px;line-height:1.85}
  .work-redesign .product-shot{padding:13px 13px 0}
  .work-redesign .product-shot figcaption{font-size:11px;line-height:1.7;padding:13px 0;gap:14px;flex-direction:column}
  .work-redesign .product-shot figcaption>span+span{text-align:left}
  .work-redesign .product-shot figcaption:has(span){gap:3px}
  .work-redesign .case-summary{grid-template-columns:1fr;gap:23px;margin-top:36px}
  .work-redesign .case-summary .section-label{margin-bottom:18px}
  .work-redesign .case-summary h3{font-size:30px;line-height:1.2}
  .work-redesign .case-summary h3 br{display:none}
  .work-redesign .case-summary p:not(.section-label){font-size:14px;line-height:1.9;margin-bottom:16px}
  .work-redesign .case-details{grid-template-columns:1fr;gap:24px;margin-top:20px}
  .work-redesign .case-details>div{padding-top:19px}
  .work-redesign .detail-index{font-size:10px}
  .work-redesign .case-details h3{font-size:22px;margin:16px 0 12px}
  .work-redesign .case-details p{font-size:14px;line-height:1.9}
  .work-redesign .case-gallery-heading{display:block;margin:43px 0 25px}
  .work-redesign .case-gallery-heading .section-label{margin-bottom:17px}
  .work-redesign .case-gallery-heading h3{font-size:31px;line-height:1.2}
  .work-redesign .case-gallery-heading>p{font-size:12px;line-height:1.85;margin-top:20px}
  .work-redesign .xoxoa-gallery{grid-template-columns:1fr;gap:19px}
  .work-redesign .results-shot{padding:14px 14px 0}
  .work-redesign .mobile-shot{padding:25px}
  .work-redesign .mobile-capture{max-width:260px}
  .work-redesign .mobile-shot figcaption{font-size:11px;max-width:260px;width:100%;align-self:center;margin-top:18px}
  .work-redesign .case-footer{display:block;margin-top:27px}
  .work-redesign .case-footer .case-stack>span{font-size:10px;padding:7px 9px}
  .work-redesign .case-footer>.text-link{margin-top:18px;font-size:12px}
  .work-redesign .case-footnote{font-size:10px;line-height:1.85;margin-top:16px}
  .work-redesign .engine-detail-layout{grid-template-columns:1fr;gap:27px;margin-top:35px}
  .work-redesign .engine-detail-copy h3{font-size:34px;line-height:1.17;margin-bottom:22px}
  .work-redesign .engine-detail-copy h3 br{display:none}
  .work-redesign .engine-detail-copy>p:not(.section-label){font-size:14px;max-width:470px}
  .work-redesign .detail-note{font-size:10px;margin-top:20px;max-width:none}
  .work-redesign .engine-details{margin-top:32px}
  .work-redesign .experience-section{padding:62px 0}
  .work-redesign .experience-layout{grid-template-columns:1fr;gap:34px}
  .work-redesign .experience-heading h2{font-size:38px;line-height:1.15}
  .work-redesign .experience-heading>p:not(.section-label){font-size:14px;line-height:1.85;margin-top:23px;max-width:460px}
  .work-redesign .experience-heading .text-link{font-size:12px;margin-top:20px}
  .work-redesign .experience-list article:first-child{padding-top:23px;border-top:1px solid #b8c8df}
  .work-redesign .experience-list article{padding:23px 0;gap:16px}
  .work-redesign .experience-list h3{font-size:22px}
  .work-redesign .experience-list p:last-child{font-size:14px;line-height:1.9}
  .work-redesign .experience-list .experience-role{font-size:11px;line-height:1.8}
  .work-redesign .technical-section{padding:58px 0}
  .work-redesign .technical-grid{grid-template-columns:1fr;gap:29px;margin-top:29px}
  .work-redesign .technical-grid h3{font-size:25px;margin:18px 0 15px}
  .work-redesign .technical-grid p{font-size:14px;line-height:1.9}
  .work-redesign .technical-stack{font-size:11px}
  .work-redesign .technical-note{font-size:14px;margin-top:30px}
  .work-redesign .demo-section{grid-template-columns:1fr;gap:23px;padding:55px 0 65px}
  .work-redesign .demo-section h2{font-size:34px}
  .work-redesign .demo-section .section-intro>p:not(.eyebrow){font-size:14px}
  .work-redesign .workflow{padding:20px}
  .work-redesign .workflow-toolbar .utility{font-size:10px}
  .work-redesign .workflow-node{padding:18px 14px}
  .work-redesign .workflow-node strong{font-size:13px}
  .work-redesign .workflow-node p{font-size:12px}
  .work-redesign .workflow-bottom p{font-size:11px}
  .work-redesign .demo-actions a{font-size:11px;line-height:1.8}
  .work-redesign .demo-scope{font-size:10px}
}
@media(max-width:380px){
  .home-redesign .consulting-hero h1{font-size:42px}
  .home-redesign .hero-kicker{font-size:10px}
  .home-redesign .hero-actions{gap:12px}
  .home-redesign .hero-actions .button{font-size:10px;gap:17px;padding:15px}
  .home-redesign .hero-secondary{font-size:10px}
  .home-redesign .hero-project{padding:17px}
  .home-redesign .hero-project-heading{font-size:10px}
  .home-redesign .hero-project-footer strong{font-size:14px}
  .home-redesign .hero-project-footer p{font-size:10px}
  .home-redesign .project-copy h3{font-size:32px}
  .home-redesign .founder-copy h2{font-size:30px}
  .work-redesign .work-index-thumb{width:108px;padding:6px}
  .work-redesign .work-index-item{gap:12px}
  .work-redesign .work-index-text strong{font-size:15px}
  .work-redesign .work-index-text small{font-size:10px}
  .work-redesign .case-title h2{font-size:47px}
  .work-redesign .case-meta{gap:21px 16px}
  .work-redesign .case-meta dd{font-size:10px}
  .work-redesign .case-summary h3{font-size:28px}
  .work-redesign .work-jump-links{gap:1px 15px}
  .work-redesign .work-jump-links>a{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .home-redesign .hero-screen img,.home-redesign .project-art img,.work-redesign .work-index-thumb img{transition:none;transform:none!important}
}