/* Developer experience uses the existing type, colour and mark system. */
.experience-section{padding-block:72px}
.experience-panel{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(2rem,5vw,5rem);padding:clamp(2rem,4.5vw,4.5rem);background:var(--ink);color:var(--paper);border-radius:22px}
.experience-accent{display:flex;flex-direction:column;justify-content:space-between;gap:2.2rem}
.experience-stat{display:flex;flex-direction:column;align-items:flex-start}
.experience-number{font:750 clamp(7rem,13vw,12rem)/.82 var(--display);letter-spacing:-.075em;white-space:nowrap;color:var(--lime)}
.experience-caption{font-size:.92rem;line-height:1.5;max-width:12rem;margin-top:1.3rem;color:var(--paper)}
.experience-signoff{display:flex;align-items:center;gap:1.5rem;max-width:19rem}.experience-signoff img{width:40px;height:auto}.experience-signoff>span{flex:1;height:1px;background:#ffffff35}
.experience-copy h2{font-size:clamp(2.4rem,3.8vw,3.6rem);max-width:31rem;margin-bottom:1.3rem}
.experience-copy .prose{color:#c4d0d7;max-width:39rem;font-size:.97rem}
.experience-copy .prose p{margin-bottom:1.1rem}.experience-copy .seo-links{margin:1.3rem 0 0}.experience-copy .text-link{color:var(--lime)}
.experience-copy a:focus-visible,.about-expertise a:focus-visible{outline-color:var(--lime)}
.page-home .hero-description .section-note{display:flex;flex-wrap:wrap;gap:.2rem .65rem;font-size:.74rem;line-height:1.6}
.hero-trust-item{display:inline-block}.hero-trust-item>span{margin-left:.4rem;color:var(--muted)}
.about-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(2rem,6vw,6rem);align-items:center;padding-block:66px 88px;border-bottom:1px solid var(--line)}
.about-intro h1{font-size:clamp(3.6rem,5.5vw,5.7rem);line-height:1.02;max-width:48rem;margin-bottom:1.8rem}
.about-intro .hero-description{max-width:40rem}.about-intro .hero-description .lead{font-size:1.13rem}
.about-intro .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.5rem;margin-top:1.6rem}
.experience-signature{position:relative;background:var(--blue);color:white;border-radius:140px 22px 22px 22px;min-height:440px;padding:4.5rem 2.7rem 2rem;display:flex;flex-direction:column;justify-content:center;isolation:isolate}
.experience-signature::before{content:'';position:absolute;inset:16px;border:1px solid #ffffff40;border-radius:128px 12px 12px 12px;z-index:-1}
.signature-mark{position:absolute;right:2.2rem;top:2.2rem;display:grid;place-items:center;background:var(--ink);width:62px;height:62px;border-radius:13px;transform:rotate(8deg)}
.signature-mark img{width:45px;height:auto}
.experience-signature .experience-stat{padding-top:1.5rem}.experience-signature .experience-number{font-size:clamp(8rem,15vw,14rem)}
.experience-signature .experience-caption{font-size:1rem;max-width:12rem;margin-top:1.4rem;color:white}
.signature-rule{display:flex;gap:1rem;align-items:center;margin-top:1.6rem}.signature-rule>span:first-child{height:1px;background:#ffffff50;flex:1}.signature-rule>span:last-child{font-size:2.5rem;line-height:1;color:var(--lime)}
.about-expertise{background:var(--ink);color:var(--paper);border:0!important}.about-expertise .section-index{color:var(--lime)}
.about-section-heading{max-width:53rem;margin-bottom:3.5rem}.about-section-heading h2{font-size:clamp(2.5rem,4vw,4.1rem);margin-bottom:0}
.about-section-heading>p{max-width:43rem;margin:1.5rem 0 0;color:#c4d0d7;font-size:1.05rem;line-height:1.7}
.expertise-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.7rem 4rem}
.expertise-columns article{border-top:1px solid #ffffff38;padding-top:1.8rem}
.expertise-symbol{display:flex;align-items:center;height:64px;font:500 3rem/1 var(--display);letter-spacing:-.08em;color:var(--lime);margin-bottom:1.9rem}
.expertise-columns h3{font-size:1.75rem;min-height:1.2em;margin-bottom:1.25rem}.expertise-columns .prose{font-size:.95rem;color:#c4d0d7}
.about-expertise .seo-links{margin-top:2rem}.about-expertise .text-link{color:var(--lime)}
.about-work{padding-block:64px;border:0!important}.about-work-panel{display:grid;grid-template-columns:1fr 1.05fr auto;gap:2.5rem;align-items:center;background:var(--lime);border-radius:20px;padding:clamp(2rem,4vw,3.8rem)}
.about-work-panel h2{font-size:clamp(2.4rem,3.5vw,3.7rem);max-width:21rem;margin:0}.about-work-panel .section-index{color:var(--ink)}.about-work-panel .prose{color:var(--ink);font-size:.97rem}.about-work-panel .seo-links{margin-bottom:0}.about-work-arrow{font:400 5rem/1 var(--font)}
@media(max-width:1050px){.about-hero{grid-template-columns:1.1fr .9fr;gap:2.5rem}.about-intro h1{font-size:4.5rem}.experience-signature{padding:4rem 2rem 2rem;min-height:400px}.experience-signature .experience-number{font-size:11rem}.expertise-columns{gap:1.8rem}.about-work-panel{grid-template-columns:1fr 1fr}.about-work-arrow{display:none}}
@media(max-width:950px){.experience-panel{grid-template-columns:1fr;gap:2.2rem;padding:2rem}.experience-accent{flex-direction:row;align-items:flex-end}.experience-number{font-size:7.5rem}.experience-caption{max-width:12rem;margin-top:1rem;font-size:.88rem}.experience-signoff{width:64px;margin-bottom:.1rem}.experience-signoff>span{display:none}.experience-copy h2{font-size:2.5rem}.experience-copy .prose{font-size:.94rem}.about-hero{grid-template-columns:1fr;gap:2.6rem;padding-block:40px 52px}.about-intro h1{font-size:clamp(3rem,9vw,4.7rem)}.experience-signature{min-height:0;max-width:540px;width:100%;padding:2.8rem 2.2rem 2rem;border-radius:85px 18px 18px 18px}.experience-signature::before{border-radius:72px 10px 10px 10px}.experience-signature .experience-stat{flex-direction:row;align-items:flex-end;gap:1.8rem;padding-top:.5rem}.experience-signature .experience-number{font-size:8.5rem}.experience-signature .experience-caption{font-size:.95rem;max-width:9rem;margin-top:0;margin-bottom:.1rem}.signature-mark{top:1.5rem;right:1.5rem;width:48px;height:48px}.signature-mark img{width:34px}.signature-rule{margin-top:1.6rem}.expertise-columns{grid-template-columns:1fr;gap:2rem}.expertise-columns article{display:grid;grid-template-columns:48px 1fr;column-gap:1.4rem;padding-top:1.6rem}.expertise-symbol{grid-row:1/3;height:40px;font-size:2.2rem;margin:0}.expertise-columns h3{margin-bottom:.8rem;font-size:1.55rem}.expertise-columns .prose{grid-column:2}.about-section-heading{margin-bottom:2rem}.about-section-heading h2{font-size:2.65rem}.about-work-panel{grid-template-columns:1fr;gap:1.8rem;padding:2rem}.about-work-panel h2{font-size:2.5rem;max-width:none}.experience-section,.about-work{padding-block:48px}}
@media(max-width:400px){.experience-panel,.about-work-panel{padding:1.5rem}.experience-signature{padding:2.8rem 1.8rem 1.8rem}.experience-signature .experience-stat{gap:1rem}.experience-signature .experience-number{font-size:7.2rem}.experience-signature .experience-caption{font-size:.8rem;max-width:7rem}.about-intro .hero-description .lead{font-size:1rem}.expertise-columns article{grid-template-columns:30px 1fr;column-gap:1rem}.expertise-symbol{font-size:1.8rem}}

@media(max-width:700px){.page-home .hero-description .section-note{font-size:.75rem!important}}