:root{--ink:#141715;--paper:#f4f1e9;--paper-2:#e9e4d8;--gold:#d99a32;--gold-bright:#efad3f;--mint:#a8c7b6;--line:rgba(20,23,21,.16);--white:#fff;--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:50;background:var(--gold);padding:.7rem 1rem}.skip-link:focus{top:1rem}.site-header{height:86px;padding:0 clamp(1.25rem,4vw,4.5rem);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;z-index:20;width:100%}.brand{display:flex;align-items:center;gap:.7rem;font-weight:700;font-size:1.35rem;letter-spacing:-.04em}.brand-mark{width:30px;height:38px;fill:var(--ink)}.brand-dot{color:var(--gold)}nav{display:flex;align-items:center;gap:2rem;font-size:.83rem;font-weight:600}nav a:not(.nav-cta){position:relative}nav a:not(.nav-cta):after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--ink);transition:.25s}nav a:hover:after{width:100%}.nav-cta{border:1px solid var(--ink);padding:.65rem 1rem}.nav-cta:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none;background:none;border:0;font:600 .85rem var(--sans)}
.hero{min-height:760px;height:100vh;max-height:980px;padding:150px clamp(1.25rem,7vw,8rem) 70px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr);align-items:center;position:relative;overflow:hidden}.hero-grid{position:absolute;inset:0 0 0 50%;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,transparent,black)}.hero-copy{position:relative;z-index:2;max-width:780px}.eyebrow{font:500 .72rem var(--mono);letter-spacing:.12em;text-transform:uppercase;display:flex;align-items:center;gap:.65rem;margin:0 0 1.6rem}.eyebrow>span{display:inline-block;width:30px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.8rem,7.5vw,8rem);line-height:.9;letter-spacing:-.075em;margin-bottom:2.2rem;font-weight:600}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold);white-space:nowrap}.hero-lede{font-size:clamp(1.05rem,1.5vw,1.35rem);max-width:640px;line-height:1.6;color:#3b413d}.hero-actions{display:flex;align-items:center;gap:2rem;margin-top:2.4rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:1rem 1.2rem;font-size:.86rem;font-weight:600;transition:.25s}.button-primary{background:var(--ink);color:var(--white);min-width:260px}.button-primary:hover{background:var(--gold);color:var(--ink);transform:translateY(-2px)}.text-link{font-size:.83rem;font-weight:600;border-bottom:1px solid var(--ink);padding-bottom:.2rem}.text-link span{margin-left:.5rem}.pronunciation{font:400 .66rem var(--mono);margin-top:3.8rem;color:#686d69}.pronunciation span{color:var(--ink)}.hero-art{align-self:stretch;position:relative;z-index:1;display:flex;align-items:center;justify-content:center}.hero-art>svg{width:min(100%,620px);height:100%;filter:drop-shadow(0 22px 30px rgba(20,23,21,.08))}.wire{fill:none;stroke:#999d96;stroke-width:1.2;stroke-dasharray:5 7}.wire circle{fill:var(--gold);stroke:none}.giraffe path{stroke:var(--paper);stroke-width:3}.giraffe .gold{fill:var(--gold)}.giraffe .cream{fill:#d8d1c1}.giraffe .dark{fill:#242925}.giraffe .eye{fill:var(--paper)}.art-note{position:absolute;font:500 .64rem var(--mono);letter-spacing:.05em;background:rgba(244,241,233,.86);backdrop-filter:blur(5px);border:1px solid var(--line);padding:.65rem .8rem}.art-note span{color:var(--gold);margin-right:.5rem}.note-one{right:8%;top:30%}.note-two{left:8%;bottom:22%}
.signal-strip{min-height:72px;background:var(--gold);display:flex;align-items:center;justify-content:center;gap:2.2rem;padding:1rem 2rem;font:500 .67rem var(--mono);letter-spacing:.1em;text-transform:uppercase}.signal-strip p{margin:0}.signal-strip i{width:4px;height:4px;background:var(--ink);transform:rotate(45deg)}
.section{padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,8rem)}.section-intro{display:grid;grid-template-columns:1fr 1.3fr;column-gap:5rem;margin-bottom:4rem}.section-intro .eyebrow{grid-row:span 2}.section-intro h2,.rescue h2,.lab h2,.contact h2{font-size:clamp(2.6rem,5vw,5.4rem);line-height:1;letter-spacing:-.06em;margin-bottom:1.7rem}.section-intro>p:last-child{grid-column:2;max-width:600px;color:#626761;font-size:1.05rem}.service{border-top:1px solid var(--line);padding:2.3rem 0;display:grid;grid-template-columns:80px 1fr 60px;gap:1.2rem;transition:.3s}.service:last-child{border-bottom:1px solid var(--line)}.service:hover{padding-left:1rem;background:rgba(255,255,255,.24)}.service-number{font:500 .68rem var(--mono);color:#858981}.service h3{font-size:clamp(1.5rem,2.4vw,2.3rem);letter-spacing:-.04em;margin-bottom:.7rem}.service p:not(.service-number){color:#5e645f;max-width:750px}.service ul{display:flex;gap:.5rem;list-style:none;padding:0;margin:1.3rem 0 0}.service li{border:1px solid var(--line);border-radius:100px;padding:.25rem .65rem;font:400 .61rem var(--mono);text-transform:uppercase}.service-arrow{font-size:1.4rem;justify-self:end;color:#7c817b}.service-accent h3,.service-accent .service-arrow{color:#a96700}
.rescue{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,7vw,8rem);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,8rem);align-items:center}.rescue-visual{min-width:0}.terminal{background:#202521;border:1px solid #444a45;box-shadow:20px 20px 0 #0d0f0e}.terminal-bar{height:46px;border-bottom:1px solid #3a403b;display:flex;align-items:center;gap:7px;padding:0 15px}.terminal-bar span{width:8px;height:8px;border-radius:50%;background:#4c514d}.terminal-bar span:first-child{background:var(--gold)}.terminal-bar p{font:400 .6rem var(--mono);margin:0 auto;color:#7d857f}.terminal-body{padding:1.5rem;font:400 .7rem var(--mono);color:#9ba29d}.terminal-body b{color:var(--gold)}.ok{float:right;color:#84af98}.blink{color:var(--gold-bright);animation:blink 1s steps(2) infinite}.map{height:240px;margin-top:2.3rem;position:relative}.map svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#4b544d;stroke-width:1.3}.node{position:absolute;border:1px solid #59605b;background:#292f2a;color:#c9cec9;padding:.45rem .7rem;z-index:2}.n1{left:3%;top:8%}.n2{left:38%;top:38%}.n3{right:19%;top:6%}.n4{left:15%;bottom:10%}.n5{right:2%;bottom:9%}.node.warn{border-color:var(--gold);color:var(--gold);box-shadow:0 0 20px rgba(217,154,50,.15)}.light{color:#aeb4ae}.rescue-copy>p:not(.eyebrow){color:#acb2ad;max-width:600px}.rescue ol{list-style:none;padding:0;margin:2.5rem 0}.rescue li{display:flex;gap:1.2rem;border-top:1px solid #3f4540;padding:1rem 0}.rescue li>span{font:400 .65rem var(--mono);color:var(--gold)}.rescue li strong{display:block;font-size:.9rem}.rescue li small{color:#8e958f}.button-light{border:1px solid #737a74}.button-light:hover{background:var(--paper);color:var(--ink)}
.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.principles article{background:var(--paper);padding:2rem}.principles article>span{font:400 .64rem var(--mono);color:#858981}.principles svg{width:110px;height:110px;display:block;margin:3rem auto;fill:none;stroke:var(--gold);stroke-width:1.5}.principles h3{font-size:1.25rem;letter-spacing:-.03em}.principles p{color:#686d69;font-size:.9rem}
.lab{margin:0 clamp(1.25rem,4vw,4.5rem) clamp(1.25rem,4vw,4.5rem);background:var(--paper-2);min-height:560px;padding:clamp(4rem,7vw,7rem);display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem;overflow:hidden}.lab-copy>p:not(.eyebrow){max-width:650px;color:#616760}.lab-links{margin-top:2.5rem;max-width:620px}.lab-links a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:1rem 0;font-weight:600}.lab-links a:last-child{border-bottom:1px solid var(--line)}.lab-links span{font:400 .62rem var(--mono);text-transform:uppercase;color:#858981}.lab-art{position:relative;height:420px;display:grid;place-items:center}.lab-core{width:120px;height:120px;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-size:3rem;font-weight:700;z-index:2;box-shadow:0 20px 50px rgba(20,23,21,.22)}.lab-core img{display:block;width:62px;height:82px;object-fit:contain}.orbit{position:absolute;border:1px solid #bdb7aa;border-radius:50%;animation:rotate 14s linear infinite}.orbit-one{width:280px;height:280px}.orbit-two{width:410px;height:410px;animation-direction:reverse;animation-duration:20s}.orbit span{position:absolute;width:18px;height:18px;background:var(--gold);border-radius:50%;left:50%;top:-9px}.orbit-two span{background:var(--mint);left:10%;top:82%}
.contact{background:var(--gold);display:grid;grid-template-columns:1.2fr .8fr;gap:6rem;padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,8rem);align-items:end}.contact .eyebrow>span{background:var(--ink)}.contact h2{max-width:760px}.contact-copy>p:last-child{max-width:650px}.contact-action a{display:flex;justify-content:space-between;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:1.2rem 0;font-size:clamp(1.15rem,2vw,1.7rem);font-weight:600}.contact-action p{font:400 .68rem var(--mono);margin-top:1rem}
footer{padding:3rem clamp(1.25rem,4vw,4.5rem);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:2rem;background:var(--ink);color:var(--paper)}footer .brand-mark{fill:var(--paper)}footer p{margin:0;color:#8f9690;font-size:.85rem}footer div{display:flex;gap:1.5rem;font-size:.75rem}footer small{grid-column:1/-1;border-top:1px solid #383d39;padding-top:1.5rem;color:#777d78;font:400 .6rem var(--mono)}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes blink{50%{opacity:0}}
@media(max-width:960px){nav{position:absolute;top:86px;left:0;right:0;padding:1.5rem;background:var(--paper);border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:flex-start}.menu-toggle{display:block}nav.open{display:flex}.hero{height:auto;max-height:none;min-height:900px;grid-template-columns:1fr;padding-top:140px}.hero-art{height:550px}.hero-grid{left:25%}.section-intro{grid-template-columns:1fr}.section-intro .eyebrow{grid-row:auto}.section-intro>p:last-child{grid-column:auto}.rescue{grid-template-columns:1fr}.rescue-copy{grid-row:1}.lab{grid-template-columns:1fr}.lab-art{height:360px}.contact{grid-template-columns:1fr;gap:3rem}}@media(max-width:650px){h1{font-size:3.6rem}.hero{min-height:800px;padding-top:130px}.hero-art{height:360px}.art-note{display:block}.hero-actions{align-items:flex-start;flex-direction:column;gap:1.1rem}.pronunciation{margin-top:2.2rem}.signal-strip{justify-content:flex-start;overflow:hidden;white-space:nowrap}.service{grid-template-columns:35px 1fr}.service-arrow{display:none}.service ul{flex-wrap:wrap}.principles{grid-template-columns:1fr}.lab{margin:0;padding:4rem 1.5rem}.orbit-two{width:320px;height:320px}.contact{padding:5rem 1.5rem}footer{grid-template-columns:1fr}footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.orbit,.blink{animation:none}}

/* Gyrafe brand system */
:root{--ink:#111b24;--paper:#f4f2ed;--paper-2:#e7ecee;--gold:#1b7b9d;--gold-bright:#2ba2c5;--mint:#393399;--line:rgba(17,27,36,.16)}
.brand-mark{width:30px;height:38px;object-fit:contain;fill:none}
.brand-lockup{width:168px;height:64px;overflow:hidden}
.brand-lockup img{display:block;width:100%;height:100%;object-fit:contain}
.hero-art .wire-art{position:absolute;inset:0;width:100%;height:100%;filter:none}
.hero-art .jeffrey{position:relative;z-index:2;width:auto;height:min(76%,600px);max-width:80%;object-fit:contain;filter:drop-shadow(0 24px 26px rgba(17,27,36,.12))}
.rescue h2 em{font-family:Georgia,serif;font-weight:400;color:#36a9ca}
.rescue-copy .hi-note{font:500 .72rem var(--mono);text-transform:uppercase;letter-spacing:.06em;color:#62b9d1!important;margin-top:-.4rem;margin-bottom:2rem}
.rescue-copy strong{color:var(--paper)}
.about-band{background:#14232c;color:var(--paper);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,9rem);padding:clamp(5rem,9vw,9rem) clamp(1.25rem,7vw,8rem)}
.about-title h2{font-size:clamp(2.6rem,5vw,5rem);line-height:1.03;letter-spacing:-.06em}
.about-story>p{color:#aeb8bd;max-width:650px}
.about-story .about-lede{font-size:1.2rem;color:var(--paper)}
.values{margin-top:3rem}
.values>div{border-top:1px solid #3e4d55;padding:1.2rem 0;display:grid;grid-template-columns:40px 190px 1fr;gap:1rem}
.values span{font:400 .62rem var(--mono);color:#43a4c2}
.values strong{font-size:.9rem}
.values p{margin:0;color:#9ba8ae;font-size:.82rem}
footer .brand-mark{filter:brightness(0) invert(1)}
@media(max-width:960px){.about-band{grid-template-columns:1fr}}
@media(max-width:650px){.values>div{grid-template-columns:35px 1fr}.values p{grid-column:2}}

/* Accessible contrast on brand-colour surfaces */
.signal-strip{color:#fff}
.signal-strip i{background:#fff}
.contact{color:#fff}
.contact .eyebrow{color:rgba(255,255,255,.78)}
.contact .eyebrow>span{background:#fff}
.contact .contact-copy>p:last-child{color:rgba(255,255,255,.9)}
.contact-action a{border-color:rgba(255,255,255,.8)}
.contact-action p{color:rgba(255,255,255,.82)}
.button-primary:hover{color:#fff}
.skip-link{color:#fff}
.footer-lockup{width:190px;height:86px;overflow:hidden}
.footer-lockup img{display:block;width:100%;height:100%;object-fit:contain}
.note-three{left:17%;bottom:8%}
.note-four{right:2%;bottom:10%}
.hero-art .art-note{z-index:3}

/* Service detail pages */
a.service:focus-visible{outline:2px solid var(--gold);outline-offset:5px;background:#fff}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.service-page .site-header{position:relative}.service-hero{padding:2rem clamp(1.25rem,7vw,8rem) 5rem;border-bottom:1px solid var(--line)}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.7rem;position:static;background:none;border:0;padding:0;font:400 .65rem var(--mono);color:#636c71;margin-bottom:5rem}.breadcrumbs a{text-decoration:underline;text-underline-offset:4px}.breadcrumbs a:after{display:none}.service-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem;align-items:end}.service-hero h1{font-size:clamp(2.9rem,5.8vw,6rem);line-height:1.02;max-width:850px;margin-bottom:2rem}.detail-tag{font:400 .65rem var(--mono);text-transform:uppercase;color:var(--gold);line-height:1.9;max-width:400px}.service-summary>p{color:#5e6870;font-size:1.08rem}.service-summary .service-promise{font-size:1.6rem;line-height:1.25;letter-spacing:-.04em;color:var(--ink);font-weight:600}.service-summary .button{margin-top:1rem}.service-fit{display:grid;grid-template-columns:1fr 2fr;gap:4rem;padding:3rem clamp(1.25rem,7vw,8rem);background:var(--paper-2)}.service-fit .eyebrow{margin:0}.service-fit>p:last-child{font-size:1.2rem;max-width:900px;margin:0}.service-page h2{font-size:clamp(2.4rem,4vw,4.3rem);line-height:1.05;letter-spacing:-.055em}.detail-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;margin-top:3rem}.detail-cards article{border-top:1px solid var(--line);padding-top:1.3rem}.detail-number{font:400 .65rem var(--mono);color:var(--gold)}.detail-cards h3{margin:2rem 0 1rem;font-size:1.3rem;letter-spacing:-.04em}.detail-cards p{color:#5e6870}.service-delivery{display:grid;grid-template-columns:1fr 1.2fr;gap:6rem;background:var(--ink);color:var(--paper)}.service-delivery>div>p:last-child{max-width:400px;color:#afbbc2}.service-delivery ol{list-style:none;margin:0;padding:0}.service-delivery li{border-top:1px solid #3e4d55;padding:1.3rem 0;display:grid;grid-template-columns:35px 1fr;gap:1rem}.service-delivery li>span{font:400 .65rem var(--mono);color:#62b9d1}.service-delivery h3{font-size:1.1rem;margin-bottom:.5rem}.service-delivery li p{color:#afbbc2;margin:0}.outcome-section{display:grid;grid-template-columns:1.2fr 1fr;gap:5rem}.outcome-section ul{list-style:none;margin:0;padding:0}.outcome-section li{padding:1.2rem 0;border-top:1px solid var(--line)}.outcome-section li:before{content:'✓';color:var(--gold);margin-right:1rem}.related-services>a:not(.back-services){border-top:1px solid var(--line);padding:1.5rem 0;display:flex;justify-content:space-between;gap:1rem;font-size:clamp(1.2rem,2.5vw,2rem);font-weight:600;letter-spacing:-.04em}.related-services>a:hover{color:var(--gold)}.back-services{display:inline-block;margin-top:2rem;font-size:.85rem;text-decoration:underline;text-underline-offset:5px}
@media(max-width:960px){.service-hero-grid,.service-delivery,.outcome-section{grid-template-columns:1fr;gap:2.5rem}.service-summary{max-width:680px}.breadcrumbs{margin-bottom:3rem;display:flex}.service-fit{grid-template-columns:1fr;gap:1rem}.detail-cards{gap:1.5rem}}
@media(max-width:650px){.detail-cards{grid-template-columns:1fr}.service-hero{padding-bottom:3rem}.service-hero h1{font-size:2.9rem}.service-summary .button{min-width:0;width:100%;gap:1rem}.service-page .contact h2{overflow-wrap:anywhere}.service-page .breadcrumbs{font-size:.6rem}.service-page nav#site-nav{position:absolute}.service-page .service-delivery{gap:2rem}}

/* Gyrafe Lab: frameworks and developer tooling */
.lab-jump{display:flex;position:static;flex-wrap:wrap;gap:1rem 2rem;padding:1.5rem clamp(1.25rem,7vw,8rem);border-bottom:1px solid var(--line);font:400 .7rem var(--mono);background:var(--paper)}.lab-jump a{padding:.4rem 0}.lab-product{display:grid;grid-template-columns:1fr 1.1fr;gap:5rem;scroll-margin-top:1.5rem}.lab-product h2{margin-bottom:1.5rem}.product-subtitle{max-width:340px;color:var(--gold);font-size:1.15rem}.product-copy{font-size:1.1rem;color:#5e6870}.product-copy>p:first-child{font-size:1.25rem;color:var(--ink)}.product-copy .text-link{display:inline-block;margin-top:1rem;color:var(--ink)}.lab-product-tint{background:var(--paper-2)}.github-section{background:var(--ink);color:var(--paper)}.github-intro{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:end}.github-intro>p{color:#afbbc2;max-width:550px}.github-repos{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;margin:2.5rem 0}.github-repos>a{border-top:1px solid #3e4d55;padding:1.5rem 0}.github-repos h3{font-size:clamp(1.2rem,2.3vw,1.8rem);letter-spacing:-.04em;margin:1.6rem 0 1rem;display:flex;justify-content:space-between;gap:1rem;overflow-wrap:anywhere}.github-repos p{color:#afbbc2;max-width:480px}.github-repos a:hover h3{color:#62b9d1}.github-repos .detail-number,.repo-label{color:#62b9d1;font:400 .65rem var(--mono)}.lab-return{padding:3rem clamp(1.25rem,7vw,8rem)}
@media(max-width:960px){.lab-product,.github-intro{grid-template-columns:1fr;gap:1.5rem}.lab-jump{display:flex}.github-intro h2{margin-bottom:1rem}}
@media(max-width:650px){.github-repos{grid-template-columns:1fr;gap:1rem}.lab-jump{gap:.5rem 1.2rem;font-size:.65rem}.github-section .button{min-width:0;width:100%;gap:1rem}.lab-page .service-hero h1{font-size:2.7rem;overflow-wrap:anywhere}}

/* Keep wrapped outcome text aligned after its marker. */
.outcome-section li.aligned-outcome{display:flex;align-items:baseline}.outcome-section li.aligned-outcome:before{flex-shrink:0}.outcome-section li.aligned-outcome>span{min-width:0}

/* Privacy policy */
.privacy-heading{padding:5rem clamp(1.25rem,7vw,8rem) 3rem;border-bottom:1px solid var(--line)}.privacy-heading h1{font-size:clamp(3rem,6vw,6rem);line-height:1.05}.policy-date{font:400 .72rem var(--mono);color:#5e6870}.privacy-content{max-width:850px;margin:0 auto;padding:3rem 1.5rem 6rem}.privacy-content h2{font-size:clamp(1.5rem,3vw,2rem);line-height:1.2;letter-spacing:-.035em;margin:3rem 0 1.2rem}.privacy-content h2:first-child{margin-top:0}.privacy-content p,.privacy-content li{color:#48545d;line-height:1.8}.privacy-content ul{padding-left:1.5rem;margin-bottom:1.5rem}.privacy-content li{padding-left:.3rem;margin-bottom:.4rem}.privacy-content a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}.privacy-content a:hover{color:var(--gold)}footer div{flex-wrap:wrap}

/* Engineering illustration beside the services introduction. */
.services-intro{align-items:center}.services-illustration{grid-column:1;grid-row:1 / span 2;align-self:center}.services-illustration img{display:block;width:100%;max-width:400px;height:auto;mix-blend-mode:multiply}.services-intro h2{grid-column:2}
@media(max-width:960px){.services-illustration{grid-column:1;grid-row:auto;margin-bottom:2rem}.services-illustration img{max-width:300px}.services-intro h2{grid-column:1}.services-intro>p:last-child{grid-column:1}}

/* Keep all four giraffe annotations legible on phones. */
@media(max-width:650px){.hero-art{height:400px}.hero-art .art-note{display:block;max-width:46%;font-size:.56rem;line-height:1.45;letter-spacing:0;padding:.5rem .55rem;background:rgba(244,242,237,.96)}.hero-art .art-note span{margin-right:.3rem}.hero-art .note-one{right:0;top:18%;bottom:auto}.hero-art .note-two{left:0;bottom:29%;top:auto}.hero-art .note-three{left:0;bottom:3%;top:auto}.hero-art .note-four{right:0;bottom:3%;top:auto}}