@font-face{font-family:Anton;src:url('assets/anton.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'Archivo Black';src:url('assets/archivo-black.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Caveat;src:url('assets/caveat.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Barlow Condensed';src:url('assets/barlow-condensed-800.ttf') format('truetype');font-style:normal;font-weight:800;font-display:swap}@font-face{font-family:'Barlow Condensed';src:url('assets/barlow-condensed-900.ttf') format('truetype');font-style:normal;font-weight:900;font-display:swap}@font-face{font-family:'DM Sans';src:url('assets/dm-sans-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:'DM Sans';src:url('assets/dm-sans-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:'DM Sans';src:url('assets/dm-sans-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:'DM Sans';src:url('assets/dm-sans-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--ink:#11120f;--paper:#f4f2e9;--accent:#33be7b;--muted:#bbbcb5;--line:#d4d2ca;--display:'Barlow Condensed','Arial Narrow',sans-serif;--body:'DM Sans',Arial,sans-serif;--handwriting:cursive;--icon-hole:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;color:var(--ink);font-family:var(--body);background:var(--ink);font-size:16px;line-height:1.4}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h2,h3{font-family:var(--display);font-weight:900;line-height:.96;letter-spacing:-.035em}svg{width:32px;height:32px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #33be7b;outline-offset:5px}.dark button:focus-visible,.dark a:focus-visible{outline-color:var(--accent)}.dark{color:var(--paper);background:var(--ink)}.light{background:var(--paper)}.wrap{width:min(1280px,calc(100% - 112px));margin:0 auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:var(--accent);color:var(--ink);border:1px solid var(--accent);padding:14px 24px;min-height:48px;font-weight:700;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#33be7b;transform:translateY(-2px)}.button span{font-size:24px;line-height:1}.button.compact{padding:10px 23px;font-size:12px;min-height:40px}.compact span{display:none}.header{background:var(--ink);color:var(--paper);position:relative;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px}.brand{display:inline-flex;align-items:baseline;gap:12px;white-space:nowrap}.brand strong{font-size:23px;letter-spacing:.03em}.brand>span{font-size:16px;letter-spacing:.18em}.header nav{display:flex;gap:32px;align-items:center}.header nav>a{font-size:13px;font-weight:700}.header nav>a:hover{color:var(--accent)}.menu-toggle{display:none}.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:12px;min-height:570px}.hero-copy{position:relative;z-index:1;padding:10px 0 32px}.hero-intro{font-family:var(--display);font-weight:900;font-size:clamp(35px,4.2vw,63px);letter-spacing:-.055em;line-height:.95;display:block;white-space:nowrap;}.hero-big{font-family:var(--display);display:block;color:var(--accent);font-size:clamp(155px,18.8vw,280px);font-weight:900;letter-spacing:-.085em;line-height:.82;margin:16px 0 4px -7px;}.hero-reveal{font-family:var(--body);font-weight:700;display:block;font-size:clamp(26px,3vw,42px);line-height:1.15;letter-spacing:-.035em}.hero-description{font-size:17px;color:var(--muted);line-height:1.45;margin-top:6px}.manifesto{display:flex;align-items:center;gap:16px;font-weight:700;margin:25px 0 20px;font-size:17px}.manifesto>span{height:3px;width:45px;background:var(--accent);flex-shrink:0}.hero-actions{display:flex;gap:28px;align-items:center}.text-link{font-size:13px;border-bottom:1px solid #777966;padding:10px 0;white-space:nowrap}.text-link span{margin-left:12px;font-size:20px}.scroll-cue{display:flex;gap:18px;align-items:center;margin-top:24px;font-family:var(--body);font-size:10px;letter-spacing:.19em;color:var(--muted);width:max-content}.scroll-cue>span{font-size:32px;color:var(--paper);line-height:1}.hero-visual{align-self:stretch;position:relative;display:flex;align-items:flex-end;margin-right:-10px}.hero-visual>img{display:block;width:100%;height:auto;mix-blend-mode:lighten;transform:scale(1.06);transform-origin:bottom center}.scribble{font-family:var(--handwriting);text-transform:uppercase;font-style:italic;font-size:22px;line-height:1.1;letter-spacing:.02em;transform:rotate(-13deg)}.hero-visual>.scribble{position:absolute;right:-10px;top:36px;max-width:115px}.scribble i{display:block;width:80px;height:4px;background:var(--accent);clip-path:polygon(0 35%,100% 0,90% 65%,0 100%);margin-top:9px}.vertical-note{position:absolute;right:-30px;bottom:95px;font:10px/1.9 var(--display);letter-spacing:.08em;border-right:1px solid #999;padding-right:12px;color:var(--muted)}.choose{padding:38px 0 25px}.section-top{display:flex;align-items:center;gap:28px;margin-bottom:24px}.section-heading{display:flex;align-items:flex-start;gap:18px;flex:1}.section-number{font:10px/1.2 var(--body);letter-spacing:.05em;display:flex;align-items:center;gap:10px;flex-shrink:0;padding-top:5px;opacity:.75}.section-number i{display:block;width:35px;height:1px;background:currentColor;opacity:.6}.section-top h2{font-size:clamp(40px,4.6vw,68px);white-space:nowrap;}.section-top>p{font-size:13px;line-height:1.45;padding-left:18px;border-left:1px solid #aaa;max-width:260px}.arrows{display:flex;gap:14px}.circle-button{display:grid;place-items:center;width:46px;height:46px;border:1px solid #53554f;border-radius:50%;background:transparent;font-size:27px;line-height:1;flex-shrink:0;transition:background .2s}.circle-button:hover{background:var(--accent)}.circle-button.filled{background:var(--ink);color:var(--paper)}.circle-button.filled:hover{color:var(--accent)}.topic-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--paper)}.topic-tab{text-align:left;padding:20px 34px;background:#e8e6de;border:0;font-family:var(--display);font-size:26px;line-height:1.02;font-weight:900;min-height:92px;transition:background .2s}.topic-tab:hover{background:#dcdad0}.topic-tab[aria-selected=true]{background:var(--accent)}.topic-tab span{display:block}.topic-panel{margin-top:3px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;min-height:240px;overflow:hidden}.topic-copy{padding:20px 30px 24px 66px;position:relative}.topic-copy>.section-number{position:absolute;top:16px;left:22px}.topic-copy>.section-number i{width:20px}.topic-copy h3{font-size:clamp(32px,3.2vw,46px);max-width:430px;margin-top:20px}.topic-copy>p{margin-top:12px;max-width:360px;font-size:17px;line-height:1.35}.topic-cta{font-size:12px;font-weight:700;display:inline-flex;gap:30px;border-bottom:1px solid #b2b0a4;padding:12px 0 3px;margin-top:8px}.topic-cta:hover{border-color:var(--ink)}.topic-art{position:relative;align-self:stretch;overflow:hidden;min-height:220px;display:flex;align-items:flex-end}.topic-art>img{width:100%;height:auto;display:block;mix-blend-mode:multiply}.abstract-art{display:none;position:absolute;inset:0;overflow:hidden}.topic-art:not(.culture)>img{display:none}.topic-art:not(.culture) .abstract-art{display:block}.abstract-art:before{content:'';position:absolute;inset:18px 50px -25px 10px;background:#1f211d;transform:skewY(-15deg);clip-path:polygon(0 20%,80% 0,100% 80%,5% 100%)}.abstract-art:after{content:'';position:absolute;width:49%;height:100%;background:var(--accent);top:38px;right:10%;transform:skewY(15deg);z-index:0}.art-word{position:absolute;left:14%;top:35%;font-family:var(--display);font-size:65px;font-weight:900;transform:rotate(-15deg);z-index:1;color:var(--paper);letter-spacing:-.02em}.art-symbol{position:absolute;right:18%;bottom:15px;font-size:130px;line-height:1;z-index:1;font-weight:700}.marketing .art-word,.sales .art-word,.operations .art-word{font-size:36px;top:28%;left:15%}.hiring .art-symbol{font-size:160px}.art-bars{display:none;position:absolute;bottom:0;left:18%;gap:10px;align-items:flex-end;z-index:1}.marketing .art-bars{display:flex}.marketing .art-symbol{display:none}.art-bars i{height:55px;width:40px;background:var(--paper)}.art-bars i:nth-child(2){height:100px}.art-bars i:nth-child(3){height:145px}.art-bars i:nth-child(4){height:190px}.mobile-slider-note{display:none}.approach{padding:47px 0 35px;overflow:hidden}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.approach h2{font-size:clamp(48px,5.3vw,78px);margin-top:22px;}.approach h2 span{color:var(--accent)}.approach-copy>p{color:#d5d6cf;margin-top:25px;line-height:1.55;font-size:17px}#about{margin-top:22px;max-width:510px}#about p:first-child{font-weight:700;font-size:17px}#about p+p{font-size:14px;color:var(--muted);margin-top:8px;line-height:1.55}.connection{position:relative}.connection-map{position:relative;width:100%;max-width:500px;aspect-ratio:500/410;margin:auto}.connection-lines{position:absolute;inset:0;width:100%;height:100%;stroke:#676961;stroke-width:1;fill:none}.orbit{stroke-dasharray:4 5}.cross-lines{stroke-dasharray:3 5;opacity:.7}.center-node{position:absolute;top:51.5%;left:50%;transform:translate(-50%,-50%);height:29%;aspect-ratio:1;background:var(--accent);color:var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 50px #33be7b0b}.center-node strong{font-size:clamp(16px,2vw,27px);line-height:1.1}.center-node span{font-size:clamp(8px,1vw,11px);letter-spacing:.15em}.map-node{position:absolute;transform:translate(-50%,-50%);width:24%;aspect-ratio:1;border:1px solid #74766f;border-radius:50%;background:radial-gradient(circle at 40% 30%,#2c2e29,#1b1d19);color:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;font-size:14px;transition:border-color .2s,color .2s;--icon-hole:#242620}.map-node:hover,.map-node.active{border-color:var(--accent);color:var(--accent)}.map-node svg{width:29px;height:29px}.node-hiring{left:19.2%;top:40.7%}.node-culture{left:50%;top:14.4%}.node-marketing{left:80.8%;top:40.7%}.node-sales{left:69.8%;top:84.4%}.node-operations{left:30.2%;top:84.4%}.connection-caption{font-size:12px;color:var(--muted);text-align:center;max-width:370px;margin:8px auto 0;min-height:34px}.map-scribble{position:absolute;right:-25px;top:49%;font-size:19px}.services{padding:24px 0 30px}.services>.wrap{position:relative}.services .section-number{position:absolute;top:0;left:-15px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr)}.service{position:relative;padding:9px 24px 4px 34px;border-right:1px solid var(--line)}.service:last-child{border:0}.service>svg{width:34px;height:34px;transition:transform .2s}.service h3{font-size:24px;letter-spacing:-.02em;line-height:1.1;margin:10px 0 7px}.service p{font-size:14px;line-height:1.4}.service-arrow{position:absolute;right:18px;top:7px;opacity:0;transition:opacity .2s}.service:hover .service-arrow{opacity:1}.service:hover>svg{transform:translateY(-4px)}.contact{position:relative;overflow:hidden;min-height:275px;display:grid;place-items:center}.contact-inner{position:relative;z-index:1;text-align:center;padding:35px 0 30px}.contact-inner>.section-number{position:absolute;left:19%;top:25px}.contact h2{font-size:clamp(56px,7vw,100px);}.contact h2 span{color:var(--accent)}.contact-inner>p{font-size:20px;margin:10px 0 22px}.contact .button{min-width:290px}.contact-inner>.contact-note{font:10px/1.4 var(--body);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:24px 0 0}.wall{position:absolute;bottom:0;object-fit:contain;pointer-events:none;height:100%;width:auto;mix-blend-mode:lighten}.wall-left{left:0}.wall-right{right:0}.footer{border-top:1px solid #33362c;padding:23px 0;color:#a9aca1}.footer>.wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px}.footer .brand strong{font-size:17px;color:var(--paper)}.footer .brand>span{font-size:10px}.footer a:last-child:hover{color:var(--accent)}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;left:10px;top:-100px;background:var(--accent);color:var(--ink);padding:15px;z-index:100}.skip-link:focus{top:10px}dialog{background:var(--paper);color:var(--ink);border:0;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 40px);padding:40px;overflow-y:auto}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:18px;top:18px;width:36px;height:36px;font-size:25px}.eyebrow{font-family:var(--body);font-size:10px;letter-spacing:.08em;display:block;margin:10px 35px 20px 0}dialog h2{font-size:58px}dialog h2 span{background:var(--accent);padding:0 5px}dialog>p{margin:13px 0 22px;color:#5d5f56}form{display:grid;gap:14px}form label{display:grid;gap:5px;font-weight:700;font-size:13px}input,textarea,select{width:100%;max-width:100%;padding:11px 12px;border:1px solid #b7b9ad;border-radius:0;background:#fffdf6;color:var(--ink);font-size:16px;font-weight:400}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #33be7b;outline-offset:1px}.form-note{font-size:12px;color:#686a5e}#form-status{font-size:13px;font-weight:700}body.modal-open{overflow:hidden}
@media(min-width:1500px){.hero-grid{min-height:660px}.hero-big{font-size:290px}.hero-intro{font-size:65px}}
@media(max-width:1150px){.wrap{width:calc(100% - 80px)}.header nav{gap:24px}.hero-grid{min-height:510px}.hero-actions{gap:18px}.hero .button{padding:12px 18px;font-size:12px;gap:16px}.hero-intro{font-size:4.3vw}.hero-big{font-size:21vw}.hero-description{font-size:15px}.manifesto{font-size:15px}.text-link{font-size:12px}.hero-visual>.scribble{font-size:19px;top:25px}.vertical-note{right:-18px;font-size:9px;bottom:90px}.section-top{gap:20px}.section-heading{gap:12px}.section-top>p{max-width:240px;font-size:12px}.section-top h2{font-size:4.8vw}.topic-tab{padding:20px 24px;font-size:24px}.topic-copy{padding-left:48px}.topic-copy h3{font-size:37px}.topic-copy>p{font-size:15px}.approach-grid{gap:25px}.map-scribble{right:-15px;font-size:16px;top:49%}.service{padding:8px 20px}.service h3{font-size:22px}.service p{font-size:13px}.wall{height:85%;opacity:.8}.contact-inner>p{font-size:18px}.section-number i{width:24px}}
@media(max-width:800px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 48px)}.header-inner{min-height:74px}.brand strong{font-size:21px}.brand>span{font-size:13px}.header nav{gap:20px}.header nav>a{font-size:12px}.header .compact{padding:9px 16px;min-height:38px;font-size:11px}.hero-grid{min-height:460px;grid-template-columns:1.08fr 1fr}.hero-copy{padding:22px 0 30px}.hero-intro{font-size:4.3vw}.hero-big{margin-left:-3px;font-size:21vw;}.hero-reveal{font-size:26px}.hero-description{font-size:14px}.hero-actions{flex-wrap:wrap;gap:10px 20px}.hero-visual{margin-right:-40px}.hero-visual>img{width:112%;max-width:none;transform:none}.hero-visual>.scribble{right:30px;top:24px;font-size:16px}.vertical-note{display:none}.manifesto{gap:10px;font-size:14px}.manifesto span{width:28px}.scroll-cue{margin-top:15px}.section-top{flex-wrap:wrap;gap:16px}.section-heading{flex:1}.section-top h2{font-size:5.6vw}.section-top>p{order:3;max-width:none;width:100%;border:0;padding:0 0 0 48px}.circle-button{width:40px;height:40px}.topic-tab{padding:18px 16px;font-size:22px;min-height:84px}.topic-copy h3{font-size:32px}.topic-copy{padding:18px 20px 22px 42px}.topic-copy>.section-number{left:13px}.topic-copy>.section-number i{display:none}.topic-copy>p{font-size:14px}.topic-art{min-height:230px}.topic-art>img{height:85%;width:auto;position:absolute;bottom:0;right:0;max-width:none}.approach-grid{gap:10px}.approach h2{font-size:5.8vw}.approach-copy>p{font-size:14px}.approach-copy>p br{display:none}#about p:first-child{font-size:14px}#about p+p{font-size:12px}.map-node{font-size:11px}.map-node svg{width:23px;height:23px}.connection-caption{font-size:11px}.map-scribble{display:none}.service{padding:8px 14px}.service h3{font-size:20px}.service p{font-size:12px}.service p br{display:none}.contact h2{font-size:9vw}.wall{opacity:.5}.contact-inner>.section-number{left:12%;top:16px}.contact-inner>p{font-size:16px}.footer .brand{gap:8px}.footer .brand>span{font-size:8px}}
@media(max-width:650px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:69px}.brand strong{font-size:21px}.brand>span{font-size:12px;letter-spacing:.14em}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;background:none;border:1px solid #5d6053;width:42px;height:42px;padding:10px;z-index:12}.menu-toggle span{display:block;background:var(--paper);height:1px;width:20px;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.header nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--ink);border-top:1px solid #33372c;border-bottom:1px solid #585c4a;padding:20px;box-shadow:0 20px 25px #0005}.header nav.open{display:flex;align-items:stretch;flex-direction:column;gap:0}.header nav>a{padding:15px 5px;border-bottom:1px solid #34382c;font-size:16px}.header .compact{margin-top:20px;min-height:46px;font-size:14px}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0}.hero-copy{padding:26px 0 0;width:100%}.hero-intro{font-size:clamp(26px,7.7vw,48px);letter-spacing:-.045em;}.hero-big{font-size:clamp(130px,43vw,250px);line-height:.82;margin:14px 0 3px -4px;letter-spacing:-.07em;}.hero-reveal{font-size:clamp(25px,6.7vw,38px)}.hero-description{font-size:15px;margin-top:9px;line-height:1.5}.manifesto{font-size:14px;margin:22px 0 18px;gap:12px}.manifesto span{width:29px}.hero-actions{gap:16px 22px}.hero .button{font-size:13px;padding:13px 16px;gap:20px;min-height:48px}.text-link{font-size:12px}.hero-visual{width:100%;height:300px;align-self:center;margin:12px 0 0;max-width:460px}.hero-visual>img{height:100%;width:auto;max-width:100%;object-fit:contain;position:absolute;bottom:0;left:50%;transform:translateX(-50%);mix-blend-mode:lighten}.hero-visual>.scribble{right:0;top:25px;font-size:16px;max-width:90px}.scribble i{width:65px}.scroll-cue{margin-top:14px;font-size:9px;gap:12px}.scroll-cue>span{font-size:26px}.choose{padding:30px 0 23px}.section-top{gap:16px;margin-bottom:19px;position:relative}.section-heading{display:block}.section-heading .section-number{margin-bottom:15px}.section-top h2{font-size:clamp(34px,9vw,57px);letter-spacing:-.04em;white-space:normal;max-width:calc(100% - 82px)}.arrows{position:absolute;right:0;top:32px;gap:7px}.arrows .circle-button{width:35px;height:35px;font-size:22px}.section-top>p{padding:0;font-size:13px;max-width:330px;line-height:1.5}.section-top>p br{display:none}.topic-tabs{display:flex;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#b9b7ab transparent;scroll-snap-type:x proximity;padding-bottom:4px;gap:3px}.topic-tab{flex:0 0 28.5%;padding:18px 14px;min-height:84px;font-size:22px;scroll-snap-align:start}.topic-panel{display:flex;flex-direction:column;min-height:0;margin-top:4px}.topic-copy{padding:34px 22px 25px;min-height:235px}.topic-copy>.section-number{left:22px;top:11px;font-size:9px}.topic-copy>.section-number i{display:block;width:22px}.topic-copy h3{font-size:clamp(30px,8.4vw,45px);max-width:430px;margin-top:8px;line-height:.99}.topic-copy>p{font-size:15px;max-width:350px;line-height:1.4}.topic-cta{font-size:12px;margin-top:7px;padding-top:10px}.topic-art{height:180px;min-height:180px;width:100%;margin-top:-15px}.topic-art>img{width:100%;height:auto;position:relative;bottom:auto;right:auto}.abstract-art:before{inset:5px 60px -40px 30px}.abstract-art:after{top:25px}.art-word{font-size:54px;top:25%}.art-symbol{font-size:120px;bottom:5px}.hiring .art-symbol{font-size:140px}.marketing .art-word,.sales .art-word,.operations .art-word{top:20%}.art-bars i{height:35px}.art-bars i:nth-child(2){height:70px}.art-bars i:nth-child(3){height:105px}.art-bars i:nth-child(4){height:140px}.mobile-slider-note{display:flex;justify-content:space-between;margin-top:13px;color:#6b6c62;font:9px/1.4 var(--body);letter-spacing:.025em}.approach{padding:33px 0 26px}.approach-grid{display:flex;flex-direction:column;gap:18px}.approach-copy{width:100%}.approach h2{font-size:clamp(43px,11.5vw,66px);margin-top:20px}.approach-copy>p{font-size:15px;line-height:1.5;margin-top:20px;max-width:460px}.approach-copy>p br{display:block}#about{margin-top:19px}#about p:first-child{font-size:15px}#about p+p{font-size:13px;line-height:1.5}.connection{width:100%;max-width:460px}.connection-map{max-width:390px}.map-node{font-size:12px;width:23%;gap:4px}.map-node svg{width:25px;height:25px}.center-node strong{font-size:22px}.center-node span{font-size:9px}.connection-caption{max-width:290px;margin-top:0;font-size:12px}.services{padding:27px 0}.services .section-number{position:static;margin-bottom:18px}.service-grid{grid-template-columns:1fr 1fr;row-gap:28px}.service{padding:0 16px 0 0}.service:nth-child(2){border-right:0;padding-left:18px}.service:nth-child(3){padding-top:20px;border-top:1px solid var(--line)}.service:nth-child(4){padding-left:18px;padding-top:20px;border-top:1px solid var(--line)}.service h3{font-size:24px;margin-top:10px}.service p{font-size:13px}.service>svg{width:30px;height:30px}.service-arrow{opacity:1;font-size:14px;right:10px;top:3px}.service:nth-child(n+3) .service-arrow{top:23px}.contact{min-height:335px}.contact-inner{padding:30px 0 35px}.contact-inner>.section-number{position:static;margin-bottom:28px}.contact h2{font-size:clamp(44px,11.5vw,70px);white-space:nowrap}.contact-inner>p{font-size:16px;max-width:300px;margin:14px auto 24px;line-height:1.4}.contact .button{min-width:260px;max-width:100%}.contact-inner>.contact-note{font-size:8px;margin-top:26px}.wall{height:75%;opacity:.25}.wall-left{left:-110px}.wall-right{right:-80px}.footer{padding:24px 0}.footer>.wrap{flex-wrap:wrap;gap:18px;font-size:10px}.footer .brand{width:100%}.footer>.wrap>a:last-child{margin-left:auto}dialog{padding:32px 24px;max-height:calc(100dvh - 24px)}dialog h2{font-size:49px}.eyebrow{font-size:8px;letter-spacing:.04em;margin-top:14px}.dialog-close{top:14px;right:14px}dialog>p{font-size:14px;margin-bottom:18px}.form-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep original artwork separate from the reference image's embedded labels. */
.hero-visual>img{clip-path:polygon(0 0,84% 0,84% 32%,93% 32%,93% 75%,100% 75%,100% 100%,0 100%)}
.hero-big{margin-top:30px;margin-bottom:-18px}.vertical-note{display:none}
@media(max-width:650px){.hero-big{margin-top:28px;margin-bottom:-10px}}


/* Reference typography: compressed headlines, square heavy hero letters, tight stacks. */
:root{--display:Anton,'Arial Narrow',sans-serif;--block:'Archivo Black',Arial,sans-serif;--handwriting:Caveat,cursive}
h1,h2,h3,.hero-intro,.hero-big,.topic-tab,.art-word{font-synthesis:none}
h2,h3,.hero-intro,.topic-tab,.art-word{font-family:var(--display);font-weight:400;letter-spacing:-.025em}
.header-inner{min-height:58px}
.hero-grid{min-height:0;align-items:start;gap:0}
.hero-copy{padding:20px 0 24px}
.hero-intro{font-size:clamp(35px,5.35vw,78px);line-height:.92;letter-spacing:-.018em;transform:scaleX(.88);transform-origin:left top;width:113.64%;white-space:nowrap}
.hero-big{font-family:var(--block);font-weight:400;font-size:clamp(150px,18.5vw,265px);line-height:.75;letter-spacing:-.065em;margin:0 0 0 -6px}
.hero-reveal{font-family:var(--body);font-weight:700;font-size:clamp(26px,2.8vw,39px);line-height:1.07;letter-spacing:-.045em;margin-top:-6px}
.hero-description{font-size:clamp(14px,1.4vw,17px);line-height:1.4;margin-top:9px}
.manifesto{font-family:var(--body);font-size:clamp(14px,1.5vw,17px);line-height:1.2;margin:20px 0 18px;letter-spacing:-.025em;gap:15px}
.hero-actions{gap:28px}.hero .button{min-height:42px;padding:11px 22px;font-size:13px}
.scroll-cue{margin-top:18px}.hero-visual{margin-right:-10px;align-self:stretch;min-height:100%}
.hero-visual>img{position:absolute;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:none}
.scribble{font-family:var(--handwriting);font-weight:600;font-style:normal;letter-spacing:0;line-height:.95}
.hero-visual>.scribble{font-size:26px;top:27px;right:0;max-width:125px}
.section-top h2{font-size:clamp(40px,5.35vw,74px);line-height:1;letter-spacing:-.035em;transform:scaleX(.92);transform-origin:left center;margin-right:-20px}
.topic-tab{font-size:25px;line-height:1.02;letter-spacing:-.02em;padding-top:18px;padding-bottom:18px;min-height:84px}
.topic-copy h3{font-size:clamp(32px,3.55vw,47px);line-height:1.03;letter-spacing:-.025em;margin-top:17px;max-width:440px}
.topic-copy>p{font-size:clamp(15px,1.5vw,18px);line-height:1.3;margin-top:9px}
.approach h2{font-size:clamp(48px,5.9vw,80px);line-height:1.03;letter-spacing:-.035em;margin-top:16px}
.approach h2 span{display:inline-block;font-size:1.12em;line-height:1.03}
.approach-copy>p{margin-top:20px;line-height:1.42}
.service h3{font-family:var(--body);font-size:clamp(17px,1.65vw,22px);font-weight:700;letter-spacing:-.04em;line-height:1.15;margin:9px 0 6px}
.contact h2{font-size:clamp(56px,7.3vw,104px);line-height:1;letter-spacing:-.035em}
#about p:first-child,.eyebrow{font-family:var(--body)}
@media(min-width:1500px){.hero-grid{min-height:600px}.hero-intro{font-size:78px}.hero-big{font-size:280px}}
@media(max-width:800px) and (min-width:651px){.hero-intro{font-size:5.2vw}.hero-big{font-size:19vw}.hero-reveal{font-size:25px}.hero-actions{gap:12px}.hero .button{font-size:11px;padding:11px 13px}.hero-visual{margin-right:-25px}.hero-visual>.scribble{font-size:21px;max-width:100px}.approach h2{font-size:5.7vw}.topic-tab{font-size:22px}}
@media(max-width:650px){
.header-inner{min-height:69px}.hero-copy{padding:25px 0 0}.hero-grid{gap:0}
.hero-intro{font-size:clamp(29px,9.4vw,56px);line-height:.94;letter-spacing:-.025em;width:113.64%}
.hero-big{font-size:clamp(135px,46vw,280px);line-height:.76;margin:1px 0 0 -4px;letter-spacing:-.065em}
.hero-reveal{font-size:clamp(25px,6.7vw,38px);margin-top:-3px;line-height:1.08;letter-spacing:-.04em}
.hero-description{font-size:14px;line-height:1.4;margin-top:9px}.manifesto{font-size:14px;line-height:1.2;margin:20px 0 17px;gap:12px}
.hero-actions{gap:14px 20px}.hero .button{font-size:12px;padding:12px 15px;min-height:46px}.scroll-cue{margin-top:16px}
.hero-visual{min-height:0;height:300px;align-self:center;margin:9px 0 0}.hero-visual>img{left:50%;height:100%;width:auto;max-width:100%;transform:translateX(-50%)}.hero-visual>.scribble{font-size:22px;right:0;top:25px;max-width:100px}
.section-top h2{font-size:clamp(34px,9vw,56px);line-height:1.02;letter-spacing:-.025em;transform:none;margin-right:0}
.topic-tab{font-size:22px;line-height:1.03;min-height:84px;padding:18px 14px}
.topic-copy h3{font-size:clamp(30px,8.5vw,44px);line-height:1.03;letter-spacing:-.025em;margin-top:8px}
.topic-copy>p{font-size:15px;line-height:1.35;margin-top:10px}
.approach h2{font-size:clamp(38px,10vw,64px);line-height:1.04;letter-spacing:-.035em}.approach h2 span{font-size:1.12em;line-height:1.04}
.service h3{font-size:18px;line-height:1.1;letter-spacing:-.04em}
.contact h2{font-size:clamp(42px,11.6vw,70px);line-height:1;letter-spacing:-.035em}
dialog h2{font-size:47px;line-height:1.05}
}

/* Align the reference's compact desktop title stack and display proportions. */
@media(min-width:801px){
.wrap{width:min(1280px,calc(100% - 120px))}
.header-inner{min-height:48px}.hero-copy{padding:16px 0 18px}
.hero .button{min-height:40px;padding:10px 20px;line-height:1.2}
.hero .text-link{line-height:1;padding:10px 0}.hero .text-link span{font-size:16px}
.hero .scroll-cue>span{font-size:22px}.manifesto{margin:18px 0 16px}
.choose{padding-top:28px}.section-top h2{transform:scaleX(1.22);transform-origin:left center}
.section-heading{min-width:490px}.section-top>p{width:280px;max-width:280px;flex-shrink:0;font-size:12px;line-height:1.4}
.approach h2{transform:scaleX(1.035);transform-origin:left center}.approach h2 span{transform:scaleX(1.1);transform-origin:left center}
.contact h2{transform:scaleX(1.12);transform-origin:center}
}
@media(min-width:801px) and (max-width:1050px){
.section-top{flex-wrap:wrap}.section-heading{min-width:0}.section-top h2{font-size:5.1vw;transform:scaleX(1.12)}
.section-top>p{width:100%;max-width:none;order:3;border:0;padding-left:56px}
.hero-actions{gap:16px}.hero .button{font-size:11px;padding:10px 14px}.text-link{font-size:11px}
}

.section-top h2{-webkit-text-stroke:.6px currentColor}.hero-intro{-webkit-text-stroke:.25px currentColor}
/* Hide lettering baked into the edge of the decorative wall crop. */
.wall-left{clip-path:polygon(0 0,60% 0,60% 45%,84% 45%,84% 70%,100% 70%,100% 100%,0 100%)}
@media(max-width:650px){.approach h2{font-size:clamp(34px,9.5vw,60px);white-space:nowrap}}

@font-face{font-family:'Bowlby One SC';src:url('assets/bowlby-one-sc.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.hero-big{font-family:'Bowlby One SC',var(--block);font-weight:400;letter-spacing:-.055em;line-height:.8}
/* One compact navigation control at every screen size. */
.header-inner{min-height:64px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:transparent;border:1px solid #5d6053;z-index:12}
.menu-toggle span{display:block;width:22px;height:2px;background:var(--paper);transition:transform .2s,opacity .2s}
.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}
.header nav{display:none;position:absolute;top:100%;left:auto;right:max(20px,calc((100% - min(1280px,100% - 120px))/2));width:min(340px,calc(100% - 40px));background:var(--ink);border:1px solid #515449;padding:14px 20px 20px;box-shadow:0 20px 30px #0006}
.header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.header nav>a{padding:14px 0;border-bottom:1px solid #34382c;font-size:15px;line-height:1.3}.header .compact{margin-top:18px;min-height:44px;font-size:13px}
@media(max-width:800px){.header nav{right:24px}}@media(max-width:650px){.header-inner{min-height:69px}.header nav{right:20px}}
/* Coordinated image assets replace abstract text placeholders. */
.topic-art>img,.topic-art:not(.culture)>img{display:block;position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:center;mix-blend-mode:multiply}
.topic-art.culture>img{object-fit:contain;object-position:center bottom}
/* A quiet animated network, with stationary labels and controls. */
.connection-map .orbit{stroke:#a4a793;stroke-dasharray:4 7;animation:connection-flow 24s linear infinite}
.connection-map .cross-lines{animation:connection-flow 36s linear infinite reverse}
.connection-map .radial-lines{stroke:var(--accent);stroke-dasharray:14 155;stroke-opacity:.5;animation:connection-flow 9s linear infinite}
.center-node:before,.center-node:after{content:'';position:absolute;inset:-10%;border:1px solid #33be7b70;border-radius:50%;pointer-events:none;animation:connection-pulse 5s ease-out infinite}
.center-node:after{animation-delay:2.5s}.connection-map .map-node.active{animation:connection-glow 4s ease-in-out infinite}
.connection-map[data-motion=paused] *,.connection-map[data-motion=paused] :before,.connection-map[data-motion=paused] :after{animation-play-state:paused!important}
.motion-toggle{display:block;margin:3px auto 9px;padding:6px 10px;border:1px solid #56594e;border-radius:20px;background:transparent;color:var(--muted);font-size:10px;line-height:1.3;letter-spacing:.02em}.motion-toggle span{margin-left:6px}.motion-toggle:hover{color:var(--accent);border-color:var(--accent)}.motion-toggle[hidden]{display:none}
@keyframes connection-flow{to{stroke-dashoffset:-338}}
@keyframes connection-pulse{0%{transform:scale(.85);opacity:0}15%{opacity:.5}100%{transform:scale(1.35);opacity:0}}
@keyframes connection-glow{0%,100%{box-shadow:0 0 0 #33be7b00}50%{box-shadow:0 0 20px #33be7b20}}
@media(prefers-reduced-motion:reduce){.connection-map *,.connection-map :before,.connection-map :after{animation:none!important}.center-node:before,.center-node:after{display:none}}

@media(max-width:650px){.hero-big{font-size:clamp(120px,42vw,265px)}}

/* Recolor only chromatic yellow artwork; concrete, cream, and black stay neutral. */
.hero-visual>img,.topic-art>img,.wall{filter:url('#brand-green-artwork')}

/* Use the supplied transparent brand logo at its original proportions. */
.brand{align-items:center;gap:0;line-height:0;flex-shrink:0}.brand>img{display:block;width:196px;height:auto;max-width:100%}
.header-inner{min-height:76px;padding-top:8px;padding-bottom:8px}.footer .brand>img{width:160px}
@media(max-width:650px){.brand>img{width:172px}.header-inner{min-height:69px}.footer .brand>img{width:150px}}

/* Supplied brand icon in the animated diagram hub. */
.center-node>img{display:block;width:auto;height:74%;max-width:74%;object-fit:contain;filter:none}

/* Requested header and footer refinements. */
.header{padding-bottom:0}.menu-toggle{border:0}
.footer .brand>img{width:112px}
.footer>.wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.footer>.wrap>.brand{justify-self:start;width:auto}
.footer>.wrap>span{justify-self:center;text-align:center}
.footer>.wrap>a:last-child{justify-self:end;margin-left:0}
@media(max-width:650px){
.footer .brand>img{width:105px}
.footer>.wrap{grid-template-columns:1fr 1fr;gap:18px}
.footer>.wrap>span{grid-column:1/-1;grid-row:2}
.footer>.wrap>a:last-child{grid-column:2;grid-row:1}
}

/* Header logo: 20% smaller, vertically centered, aligned with hero copy. */
.header .brand{width:196px;height:55.890625px;display:flex;align-items:center;justify-content:flex-start;align-self:center}
.header .brand>img{width:156.8px;height:auto}
@media(max-width:650px){.header .brand{width:172px;height:49.046875px}.header .brand>img{width:137.6px}}

/* Final section and slider refinements. */
.header .brand>img{width:125.44px}.header .brand{width:125.44px;height:auto}
.section-heading{display:block}.section-heading>.section-number{margin-bottom:16px}
.section-top>p{padding-left:18px}.topic-panel{border:0}.topic-copy{padding:24px 30px}.topic-copy h3{margin-top:0}
.topic-art.culture>img{object-fit:cover;object-position:center}
.services .section-number{position:static;display:flex;margin-bottom:20px}.contact-inner>.section-number{position:static;display:flex;margin:0 0 20px;text-align:left}
/* Quicker motion is confined to the arrow icons. */
.hero-actions>.button>span,.contact-inner>.button>span,.hero-actions>.text-link>span{display:inline-block;animation:cta-arrow-quick 1.8s ease-in-out infinite}
.hero-actions>.text-link>span{--arrow-y:3px}.hero-actions>.button>span,.contact-inner>.button>span{--arrow-y:-3px}
@keyframes cta-arrow-quick{0%,45%,100%{transform:translate(0,0)}65%{transform:translate(3px,var(--arrow-y))}85%{transform:translate(0,0)}}
@media(max-width:650px){.header .brand,.header .brand>img{width:110.08px}.topic-copy{padding:24px 22px}.section-top>p{padding-left:0}.contact-inner>.section-number{margin-bottom:24px}}

.hero-visual>img{clip-path:none}

/* Alternate the hero arrows by half a cycle. */
.hero-actions>.text-link>span{animation-delay:-.9s}
/* Keep the title and controls on one row, with explanatory copy below. */
#choose .section-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px 24px}
#choose .section-heading{display:contents;min-width:0}
#choose .section-heading>.section-number{grid-column:1/-1;grid-row:1;margin:0;padding-top:0}
#choose .section-top h2{grid-column:1;grid-row:2;max-width:none;min-width:0;margin:0;align-self:center}
#choose .arrows{position:static;grid-column:2;grid-row:2;align-self:center;margin:0}
#choose .section-top>p{grid-column:1/-1;grid-row:3;width:100%;max-width:none;margin:0;padding:0;border:0;text-align:left}

/* Header grows 20%; footer shows only the original image's wordmark. */
.header .brand,.header .brand>img{width:150.528px}
.footer>.wrap>.brand{position:relative;display:block;width:112px;height:27.64px;overflow:hidden}
.footer .brand>img{position:absolute;display:block;width:146.077%;max-width:none;height:auto;left:-46.077%;top:-37.283%}
.footer>.wrap>a:last-child{animation:back-top-pulse 1.8s ease-in-out infinite}
@keyframes back-top-pulse{0%,100%{opacity:1}50%{opacity:.55}}
@media(max-width:650px){.header .brand,.header .brand>img{width:132.096px}.footer>.wrap>.brand{width:105px;height:25.91px}}

/* Keep the controls above the display heading's expanded hit area. */
#choose .arrows{position:relative;z-index:1;isolation:isolate}

/* On phones and tablets, place challenge navigation after the introduction. */
@media(max-width:1024px){
#choose .section-top{grid-template-columns:minmax(0,1fr)}
#choose .section-top h2{grid-column:1;transform:none;white-space:normal}
#choose .section-top>p{grid-column:1}
#choose .arrows{grid-column:1;grid-row:4;justify-self:start;top:auto;right:auto}
}

/* Section descriptions follow each numbered divider. */
.section-number{min-width:0}
.section-number i{flex-shrink:0}
.section-number>.section-label{font-size:11px;letter-spacing:.12em;font-weight:800;line-height:1.4;min-width:0}

/* Challenge controls share the topic tile row at every viewport. */
.topic-navigation{display:flex;align-items:center;gap:20px}
.topic-navigation>.topic-tabs{flex:1;min-width:0}
#choose .topic-navigation>.arrows{position:relative;inset:auto;flex:none;margin:0;align-self:center}
#choose .section-top>p br{display:block}
#topic-description{white-space:pre-line}
@media(max-width:1024px){.topic-navigation{gap:12px}.topic-navigation>.topic-tabs{display:flex;overflow-x:auto}.topic-navigation .topic-tab{flex:1 0 110px;padding-left:14px;padding-right:14px}}

/* Let the revised approach heading wrap naturally beside the diagram. */
.approach h2{white-space:normal;font-size:clamp(34px,4.2vw,60px);line-height:1.05;transform:none}
.approach h2 span{display:block;transform:none}
.connection-map .map-node{cursor:default}
.connection-map .map-node:hover{border-color:#74766f;color:var(--paper)}
@media(max-width:800px){.approach h2{font-size:clamp(30px,4.7vw,40px)}}
@media(max-width:650px){.approach h2{font-size:clamp(32px,8.8vw,54px)}}

/* Independent diagram selection and expanded capabilities introduction. */
.connection-map button.map-node{cursor:pointer}
.connection-map button.map-node:hover,.connection-map button.map-node.active{border-color:var(--accent);color:var(--accent)}
.capabilities-intro{margin:0 0 30px;max-width:850px}
.capabilities-intro h2{font-size:clamp(36px,5.3vw,74px);line-height:1.05;margin-bottom:20px}
.capabilities-intro h2 span{color:var(--accent)}
.capabilities-intro p{font-size:17px;line-height:1.5;margin-top:14px;max-width:680px}
.capabilities-intro .capabilities-kicker{font-size:13px;letter-spacing:.08em;font-weight:800}
@media(min-width:651px) and (max-width:1024px){.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0}.service:nth-child(2){border-right:0}}

/* Expandable work examples and shared contact prompt. */
.service{display:flex;flex-direction:column}
.work-examples{border-top:1px solid var(--line);margin-top:22px;padding-top:14px}
.work-examples summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;color:#087b4e;font-size:13px;font-weight:700}
.work-examples summary::-webkit-details-marker{display:none}
.work-examples summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}
.expand-icon{display:inline-block;font-size:22px;line-height:1;transition:transform .2s;flex:none}
.work-examples[open] .expand-icon{transform:rotate(45deg)}
.work-examples p{margin-top:12px;font-size:14px;line-height:1.6}
.capabilities-footer{border-top:1px solid var(--line);margin-top:30px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.capabilities-footer p{font-size:14px;line-height:1.6}
.capabilities-footer p span{margin-left:12px;color:#686a5e}
.capabilities-talk{display:inline-flex;align-items:center;gap:8px;flex:none;border:0;background:none;padding:8px 0;color:#087b4e;font-size:14px;font-weight:700}
.capabilities-talk>span{display:inline-block;--arrow-y:-3px;animation:cta-arrow-quick 1.8s ease-in-out infinite}
@media(max-width:650px){.capabilities-footer{align-items:flex-start;flex-direction:column;gap:12px}.capabilities-footer p span{display:block;margin:6px 0 0}}

/* Give capabilities breathing room and keep the closing invitation readable. */
#services{padding-top:60px;padding-bottom:60px}
.contact-invitation{max-width:680px;margin:14px auto 24px;font-size:20px;line-height:1.5}
.contact-invitation p+p{margin-top:14px}
.contact-inner>.contact-note{letter-spacing:0;text-transform:none;font-size:12px;line-height:1.5}
@media(max-width:800px){.contact-invitation{font-size:16px;max-width:550px}}
@media(max-width:650px){.contact-invitation{max-width:340px}.contact-inner>.contact-note{font-size:11px}}

/* Selected work uses the site's display type, paper, ink, and green. */
.selected-work{padding:60px 0;background:#eceee8}
.work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:28px 0 32px}
.work-heading h2{font-size:clamp(42px,5.3vw,74px);line-height:1.05}.work-heading h2 span{color:var(--accent)}
.work-heading>p{max-width:310px;font-size:16px;line-height:1.6;color:#5d625b}
.work-grid{display:grid;grid-template-columns:2.4fr 1fr 1fr;gap:18px;align-items:stretch}
.work-card{min-width:0;background:#fff;border:1px solid #d4d9d0;display:flex;flex-direction:column}
.work-card-copy{padding:26px;flex:1}.work-category{color:#087b4e;font-size:10px;font-weight:800;letter-spacing:.12em;line-height:1.5;margin-bottom:18px}
.work-card h3{font-size:28px;line-height:1.1;letter-spacing:-.02em;margin-bottom:14px}.work-card-copy>p:not(.work-category){font-size:14px;line-height:1.6;color:#5d625b}
.case-link{display:inline-flex;align-items:center;gap:16px;color:#087b4e;border:0;border-bottom:1px solid var(--accent);background:none;padding:10px 0 4px;margin-top:12px;font-size:13px;font-weight:700;text-align:left}
.case-link>span[aria-hidden]{display:inline-block;--arrow-y:-3px;animation:cta-arrow-quick 1.8s ease-in-out infinite}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.work-art{height:220px;background:linear-gradient(130deg,#17251f,#2e4e40);padding:26px;display:grid;place-items:center;overflow:hidden}
.work-art-brand{height:320px;background:linear-gradient(130deg,#17251f 62%,var(--accent) 62%);padding:36px}
.work-browser{width:100%;background:var(--paper);transform:rotate(-3deg);box-shadow:12px 12px 0 #11120f55}
.work-browser-bar{background:var(--ink);color:#a4bbaf;font-size:10px;padding:6px 12px;letter-spacing:2px;display:flex;justify-content:space-between}.work-browser-bar span{font-size:8px;letter-spacing:.06em;color:white}
.work-browser-body{padding:22px}.work-browser-body small{font-size:8px;letter-spacing:.2em;color:#636c63}.work-browser-body b{display:block;font:42px/1 var(--display);letter-spacing:-.02em;margin:10px 0}.work-browser-body em{color:var(--accent);font-style:normal}.work-browser-body i{display:block;width:32%;height:4px;background:var(--accent)}.work-browser-body p{font-size:10px;margin-top:10px}
.work-report{width:100%;background:#f7faf4;padding:18px;transform:rotate(3deg);box-shadow:10px 10px 0 #11120f55}.work-art-systems .work-report{transform:rotate(-3deg)}.work-report>b{font-size:24px;line-height:1}.work-report small{display:block;font-size:8px;line-height:1.4;letter-spacing:.04em}.work-bars{height:78px;display:flex;align-items:flex-end;gap:8px;border-bottom:1px solid #a9bcb0;margin-top:14px}.work-bars i{flex:1;background:var(--accent);height:35%}.work-bars i:nth-child(2n){height:62%}.work-bars i:nth-child(3n){height:48%}.work-bars i:nth-child(4n){height:85%}.work-bars i:last-child{height:96%}.report-blocks{display:flex;gap:6px;margin-top:14px}.report-blocks i{height:16px;background:#ddefe4;flex:1}
.work-disclaimer{font-size:11px;color:#70786e;line-height:1.5;margin-top:18px}
.case-dialog{width:min(640px,calc(100% - 32px));padding:48px;background:var(--paper)}
.case-close{position:absolute;right:16px;top:14px;width:32px;height:32px;font-size:24px}
.case-dialog>.case-category{font-size:10px;font-weight:800;letter-spacing:.1em;line-height:1.5;margin:0 20px 20px 0;color:#535e55}
.case-dialog h2{font-size:clamp(34px,4vw,48px);line-height:1.1;margin-bottom:24px}
.case-dialog h3{font:800 12px/1.4 var(--body);letter-spacing:.04em;margin-top:22px}
.case-dialog>p{font-size:15px;line-height:1.65;color:#535e55;margin:6px 0 0}
.case-dialog>.case-note{font-size:11px;margin-top:26px}
@media(max-width:1100px){.work-grid{grid-template-columns:1.4fr 1fr 1fr}.work-card-copy{padding:20px}.work-card h3{font-size:25px}.work-art{height:180px;padding:18px}.work-art-brand{height:240px;padding:24px}.work-browser-body b{font-size:32px}.work-heading>p{font-size:14px;max-width:260px}}
@media(max-width:800px){.work-heading{align-items:flex-start;flex-direction:column;gap:20px}.work-heading>p{max-width:540px}.work-grid{grid-template-columns:1fr 1fr}.work-card:first-child{grid-column:1/-1}.work-art-brand{height:280px}.work-browser{max-width:480px}.work-browser-body b{font-size:42px}}
@media(max-width:650px){.work-grid{grid-template-columns:1fr}.work-card:first-child{grid-column:auto}.work-heading h2{font-size:clamp(40px,10vw,60px)}.work-art,.work-art-brand{height:230px;padding:28px}.work-report{max-width:240px}.work-browser-body{padding:18px}.work-browser-body b{font-size:36px}.work-card-copy{padding:24px}.work-card h3{font-size:30px}.case-dialog{padding:42px 24px 28px}.case-dialog h2{font-size:36px}}

/* Three practical steps, connected across desktop and down mobile. */
.how-it-works{padding:70px 0 80px}
.process-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:28px 0 52px}
.process-heading h2{font-size:clamp(42px,5.3vw,74px);line-height:1.05}
.process-heading h2 span{color:var(--accent)}
.process-heading>p{font-size:17px;line-height:1.6;max-width:350px}
.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;list-style:none;margin:0;padding:0;position:relative}
.process-steps:before{content:'';position:absolute;left:24px;right:0;top:24px;height:2px;background:var(--accent)}
.process-steps li{position:relative;min-width:0}
.process-number{position:relative;z-index:1;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--ink);font-size:12px;font-weight:800;box-shadow:0 0 0 10px var(--ink);margin-bottom:30px}
.process-steps h3{font-size:30px;line-height:1.1;max-width:270px;margin-bottom:12px}
.process-steps p{font-size:15px;line-height:1.6;max-width:300px;color:#d5d6cf}
@media(max-width:800px){.process-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:38px}.process-heading>p{font-size:16px}.process-steps{gap:26px}.process-steps h3{font-size:26px}.process-steps p{font-size:14px}}
@media(max-width:650px){.how-it-works{padding:60px 0}.process-heading h2{font-size:clamp(42px,10vw,60px)}.process-steps{grid-template-columns:1fr;gap:32px}.process-steps:before{left:20px;top:20px;bottom:24px;right:auto;width:2px;height:auto}.process-steps li{padding-left:66px;min-height:100px}.process-number{position:absolute;left:0;top:0;width:42px;height:42px;margin:0;box-shadow:0 0 0 7px var(--ink)}.process-steps h3{font-size:30px;max-width:none}.process-steps p{max-width:420px}}

/* Clear engagement options with consistent type and native expandable FAQs. */
.engagements{padding:60px 0}
.engagement-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin:28px 0 34px}
.engagement-heading h2{font-size:clamp(42px,5.3vw,74px);line-height:1.05;max-width:760px}
.engagement-heading h2 span{color:var(--accent)}
.engagement-heading>p{max-width:310px;font-size:16px;line-height:1.6;color:#5d625b}
.engagement-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.engagement-card{padding:28px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-width:0}
.engagement-label{font-size:10px;font-weight:800;letter-spacing:.12em;color:#087b4e;margin-bottom:22px}
.engagement-card h3{font-size:32px;line-height:1.08;letter-spacing:-.02em;margin-bottom:18px}
.engagement-description{font-size:14px;line-height:1.6;color:#5d625b;min-height:68px;margin-bottom:24px}
.engagement-price{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0;margin-top:auto}
.engagement-price>span{font-size:9px;letter-spacing:.12em;font-weight:700}
.engagement-price p{margin-top:6px}.engagement-price strong{font-size:32px;letter-spacing:-.04em;line-height:1.1}.engagement-price small{font-size:12px}
.engagement-card ul{list-style:none;padding:0;margin:20px 0 28px;font-size:13px;line-height:1.8}
.engagement-card li{position:relative;padding-left:20px}.engagement-card li:before{content:'✓';position:absolute;left:0;color:#087b4e;font-weight:800}
.engagement-cta{border:0;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;font-weight:700;font-size:13px;margin-top:auto;text-align:left}
.engagement-cta:hover{color:var(--accent)}.engagement-cta>span{display:inline-block;--arrow-y:-3px;animation:cta-arrow-quick 1.8s ease-in-out infinite}
.engagement-note{font-size:11px;color:#70786e;line-height:1.5;margin-top:16px}
.engagement-faq{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;border-top:1px solid var(--line);margin-top:50px;padding-top:30px}
.engagement-faq h3{font-size:38px;line-height:1.1}.engagement-faq>div>p{font-size:15px;font-weight:700;color:#087b4e;margin-top:8px}
.faq-list details{border-bottom:1px solid #cbd1c7;padding:14px 0}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;font-weight:700}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.faq-list details[open] .expand-icon{transform:rotate(45deg)}.faq-list details p{font-size:14px;line-height:1.6;color:#5d625b;margin:12px 30px 2px 0}
@media(max-width:1000px){.engagement-heading{align-items:flex-start;flex-direction:column;gap:22px}.engagement-heading>p{max-width:550px}.engagement-card{padding:22px}.engagement-card h3{font-size:28px}}
@media(max-width:650px){.engagement-grid{grid-template-columns:1fr}.engagement-card{padding:28px}.engagement-card h3{font-size:34px}.engagement-description{min-height:0}.engagement-faq{grid-template-columns:1fr;gap:20px}.engagement-heading h2{font-size:clamp(40px,10vw,60px)}}

/* Founder introduction, using the supplied current brand mark until a photo is added. */
.founder{padding:70px 0;background:#eceee8}
.founder-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}
.founder-copy h2{font-size:clamp(44px,5.3vw,74px);line-height:1.05;margin:30px 0 20px}
.founder-copy h2 span{color:var(--accent)}
.founder-copy>p{font-size:16px;line-height:1.7;margin-top:18px;color:#535e55}
.founder-copy>.founder-subhead{font-size:22px;line-height:1.4;font-weight:700;color:var(--ink);margin-bottom:24px}
.founder-copy>p strong{color:var(--ink)}
.founder-cta{display:inline-flex;align-items:center;gap:8px;margin-top:30px;padding:8px 0 5px;border:0;border-bottom:1px solid var(--accent);background:none;color:#087b4e;font-size:14px;font-weight:700;text-align:left}
.founder-cta>span{display:inline-block;--arrow-y:-3px;animation:cta-arrow-quick 1.8s ease-in-out infinite}
.founder-art{position:relative;background:var(--ink);aspect-ratio:.93;overflow:hidden;display:grid;place-items:center;isolation:isolate}
.founder-art:before{content:'';position:absolute;left:-30%;top:-22%;width:68%;aspect-ratio:1;border-radius:50%;background:var(--accent);z-index:-1}
.founder-art:after{content:'';position:absolute;width:75%;height:45%;right:-30%;bottom:-19%;background:#174c37;transform:rotate(-20deg);z-index:-1}
.founder-art-frame{position:absolute;inset:7%;border:1px solid #728074;pointer-events:none}
.founder-placeholder{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;color:var(--paper);text-align:center}
.founder-placeholder img{width:40%;height:auto;max-height:230px;object-fit:contain}
.founder-placeholder>span{font-size:11px;line-height:1.6;letter-spacing:.16em}
.founder-art-tag{position:absolute;bottom:6%;left:-2px;padding:14px 20px;background:var(--accent);transform:rotate(-4deg);font-size:12px;font-weight:800}
@media(max-width:1000px){.founder-grid{gap:35px}.founder-copy h2{font-size:clamp(40px,5.5vw,60px)}.founder-copy>p{font-size:15px}.founder-copy>.founder-subhead{font-size:20px}}
@media(max-width:650px){.founder{padding:60px 0}.founder-grid{grid-template-columns:1fr;gap:35px}.founder-art{width:100%;max-width:420px;margin:auto}.founder-copy h2{font-size:clamp(46px,11.5vw,66px)}.founder-copy .section-label{font-size:11px}}

/* Introductory copy always follows its heading at every screen size. */
.work-heading,.process-heading,.engagement-heading{flex-direction:column;align-items:flex-start;gap:22px}
.work-heading>p,.process-heading>p,.engagement-heading>p{max-width:680px}

.engagement-note{font-size:14px;line-height:1.6;color:#686a5e;border-top:1px solid var(--line);padding-top:20px;margin-top:30px}

/* Live handwritten invitation, separate from the text-free background artwork. */
#contact .contact-inner{padding-bottom:50px}
#contact .contact-inner>.contact-note{font-family:var(--handwriting);font-size:29px;font-weight:600;font-style:normal;text-transform:uppercase;letter-spacing:.02em;line-height:1.05;color:var(--paper);width:max-content;max-width:100%;margin:32px auto 0;text-align:left;transform:rotate(-6deg)}
#contact .contact-note i{width:110px;height:4px;margin-top:10px;background:var(--accent)}
.contact-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
@media(max-width:650px){#contact .contact-inner>.contact-note{font-size:25px}.contact-background{opacity:.5}}

/* Consistent section rhythm and subtle repeating motion. */
#choose,#approach,#selected-work,#how-it-works,#engagements,#founder,#contact{padding-top:60px;padding-bottom:60px}
#contact .contact-inner{padding-top:0;padding-bottom:0}
#connection-caption{padding-top:10px}
.engagement-note{color:var(--ink)}
.process-steps:before{opacity:.3}
.process-steps:after{content:'';position:absolute;left:24px;right:0;top:24px;height:2px;background:var(--accent);transform-origin:left center;pointer-events:none;animation:process-progress 5s ease-in-out infinite}
@keyframes process-progress{0%,10%{transform:scaleX(0);opacity:1}65%,85%{transform:scaleX(1);opacity:1}100%{transform:scaleX(1);opacity:0}}
.capability-target circle{animation:target-ring 3.6s ease-in-out infinite}
.capability-target circle:nth-child(2){animation-delay:.3s}.capability-target circle:nth-child(3){animation-delay:.6s}.capability-target>circle{animation-delay:.9s}
@keyframes target-ring{0%,12%{opacity:0}28%,80%{opacity:1}100%{opacity:0}}
.capability-people>g>g{animation:people-appear 4s ease-in-out infinite;transform-origin:center bottom}
.capability-people>g>g:nth-child(2){animation-delay:.35s}.capability-people>g>g:nth-child(3){animation-delay:.7s}
@keyframes people-appear{0%,10%{opacity:.2;transform:translateY(3px)}30%,75%{opacity:1;transform:translateY(0)}100%{opacity:.2;transform:translateY(3px)}}
.capability-growth rect{transform-origin:0 29px;animation:growth-bars 4s ease-in-out infinite}.capability-growth rect:nth-child(2){animation-delay:.25s}.capability-growth rect:nth-child(3){animation-delay:.5s}
@keyframes growth-bars{0%,10%{transform:scaleY(.25)}55%,80%{transform:scaleY(1)}100%{transform:scaleY(.25)}}
.service>.capability-gear{animation:gear-turn 18s linear infinite;transform-origin:center}
@keyframes gear-turn{to{transform:rotate(360deg)}}
@media(max-width:650px){.process-steps:after{left:20px;right:auto;top:20px;bottom:24px;height:auto;width:2px;transform-origin:center top;animation-name:process-progress-vertical}}
@keyframes process-progress-vertical{0%,10%{transform:scaleY(0);opacity:1}65%,85%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}
@media(prefers-reduced-motion:reduce){.process-steps:after{display:none}.capability-target circle,.capability-people>g>g,.capability-growth rect,.service>.capability-gear{animation:none;opacity:1;transform:none}}

/* Two connectors only, with no line continuing past the last step. */
.engagement-note{border-top:0}
.process-steps:before,.process-steps:after{display:none}
.process-steps li:not(:last-child):before,.process-steps li:not(:last-child):after{content:'';position:absolute;left:24px;top:24px;width:calc(100% + 50px);height:2px;background:var(--accent);pointer-events:none;transform-origin:left center}
.process-steps li:not(:last-child):before{opacity:.3}
.process-steps li:not(:last-child):after{animation:process-progress 5s ease-in-out infinite}
.process-steps li:nth-child(2):after{animation-delay:1.5s}
@media(max-width:800px){.process-steps li:not(:last-child):before,.process-steps li:not(:last-child):after{width:calc(100% + 26px)}}
@media(max-width:650px){.process-steps li:not(:last-child):before,.process-steps li:not(:last-child):after{left:20px;top:21px;width:2px;height:calc(100% + 32px);transform-origin:center top}.process-steps li:not(:last-child):after{animation-name:process-progress-vertical}}
@media(prefers-reduced-motion:reduce){.process-steps li:not(:last-child):after{display:none}}

/* Each arrow takes its turn within a shared repeating cycle. */
.work-grid .case-link>span[aria-hidden],.engagement-grid .engagement-cta>span{animation:arrow-sequence 3s ease-in-out infinite;animation-delay:0s}
.work-grid .work-card:nth-child(2) .case-link>span[aria-hidden],.engagement-grid .engagement-card:nth-child(2) .engagement-cta>span{animation-delay:1s}
.work-grid .work-card:nth-child(3) .case-link>span[aria-hidden],.engagement-grid .engagement-card:nth-child(3) .engagement-cta>span{animation-delay:2s}
@keyframes arrow-sequence{0%,24%,100%{transform:translate(0,0)}10%{transform:translate(3px,-3px)}20%{transform:translate(0,0)}}
#founder .founder-cta>span,#contact .contact-inner>.button>span{animation:arrow-pair-sequence 2s ease-in-out infinite;animation-delay:0s}
#contact .contact-inner>.button>span{animation-delay:1s}
@keyframes arrow-pair-sequence{0%,36%,100%{transform:translate(0,0)}15%{transform:translate(3px,-3px)}30%{transform:translate(0,0)}}

/* Shared introductory and supporting-note typography. */
:root{--intro-size:18px}
@media(max-width:1024px){:root{--intro-size:17px}}
@media(max-width:650px){:root{--intro-size:16px}}
.hero-description,#choose .section-top>p,.approach-copy>p,#about p:first-child,#about p+p,.capabilities-intro>p:not(.capabilities-kicker),.work-heading>p,.process-heading>p,.engagement-heading>p{font-size:var(--intro-size);line-height:1.55;letter-spacing:0}
#connection-caption,.engagement-note{font-size:14px;line-height:1.5;letter-spacing:0}
.center-node>.big-picture-icon{display:block;width:64%;height:64%;color:var(--ink);flex:none}

.founder-photo:before,.founder-photo:after{display:none}
.founder-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}

#choose .choose-accent{color:var(--accent)}
.footer>.wrap{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center}
.footer>.wrap>.brand,.footer>.wrap>span,.footer>.wrap>a:last-child{grid-row:1}
.footer>.wrap>.brand{grid-column:1}
.footer>.wrap>span{grid-column:2;white-space:nowrap}
.footer>.wrap>a:last-child{grid-column:3;white-space:nowrap}
@media(max-width:650px){.footer>.wrap>.brand{width:90px;height:22.21px}.footer>.wrap{font-size:10px;gap:10px}}
@media(max-width:400px){.footer>.wrap>.brand{width:70px;height:17.28px}.footer>.wrap{font-size:9px;gap:6px}}

button.topic-cta{background:transparent;border:0;border-bottom:1px solid currentColor;text-align:left;cursor:pointer}
#topic-cta>span{display:inline-block;--arrow-y:-3px;animation:cta-arrow-quick 1.8s ease-in-out infinite}

.form-select-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.form-select-row>label{min-width:0}.form-select-row select{width:100%;min-width:0}

.faq-list summary,.faq-list details p{font-size:var(--intro-size);line-height:1.55;letter-spacing:0}

.engagement-faq>div>p{font-size:11px;font-weight:800;letter-spacing:.12em;line-height:1.4}

.work-art.lync-mockup{height:auto;padding:0;background:var(--paper)}.lync-mockup img{display:block;width:100%;height:auto}.case-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}.case-workbook-link{font-size:14px;font-weight:700;color:#087b4e;border-bottom:1px solid currentColor;padding:10px 0}.case-actions>a>span{display:inline-block;--arrow-y:-3px;animation:cta-arrow-quick 1.8s ease-in-out infinite}.case-actions>a:nth-child(2)>span{animation-delay:.9s}

.work-card>.work-art[role=button]{cursor:zoom-in}.work-card>.work-art[role=button]:focus-visible{outline:3px solid var(--accent);outline-offset:-4px}
.portfolio-viewer{width:min(1200px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:52px 16px 16px;background:var(--ink);border:1px solid #53554f;color:var(--paper)}.viewer-close{position:absolute;right:12px;top:10px;width:32px;height:32px;font-size:23px;color:var(--paper)}.viewer-content>.work-art{width:100%;height:auto;min-height:360px;padding:50px}.viewer-content>.lync-mockup{min-height:0;padding:0}.viewer-content img,.portfolio-full-image{display:block;width:100%;height:auto;max-height:calc(100dvh - 130px);object-fit:contain}.viewer-content .work-browser{max-width:900px}.viewer-content .work-report{max-width:640px}.viewer-content .work-bars{height:240px}.viewer-controls{display:flex;align-items:center;justify-content:center;gap:24px;padding-top:16px}.viewer-controls[hidden]{display:none}.viewer-controls button{background:transparent;color:var(--paper);border:1px solid #53554f;padding:8px 16px}.viewer-content .work-browser-body b{font-size:clamp(36px,7vw,90px)}@media(max-width:650px){.viewer-content>.work-art{padding:28px;min-height:240px}.viewer-content>.lync-mockup{padding:0;min-height:0}.viewer-content .work-bars{height:150px}}

/* Frameless portfolio lightboxes with the close control on the artwork. */
.portfolio-viewer{width:fit-content;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;border:0;background:transparent;box-shadow:none;overflow:auto}
.portfolio-viewer .viewer-close{top:10px;right:10px;z-index:2;background:#11120fe6;border:1px solid #f4f2e980;color:var(--paper)}
.viewer-content{line-height:0}.viewer-content>.work-art{width:min(1200px,calc(100vw - 24px));line-height:1.4}.viewer-content>.lync-mockup{width:auto;background:transparent}.viewer-content img{width:auto;max-width:min(1200px,calc(100vw - 24px));max-height:calc(100dvh - 24px);height:auto;object-fit:contain}
.viewer-controls{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:6px 12px;background:#11120fe6;border-radius:6px;z-index:2;white-space:nowrap}

.work-art.brand-image-slider{padding:0;background:#eee;aspect-ratio:3/2;height:auto}.brand-image-slider>.portfolio-full-image{width:100%;height:100%;object-fit:contain;max-height:none;animation:portfolio-fade .35s ease-out}.viewer-content:has(+.viewer-controls:not([hidden])){cursor:pointer}@keyframes portfolio-fade{from{opacity:.25}to{opacity:1}}
#case-brand>p:has(>strong:only-child){margin-top:18px}

.engagement-faq>div>p,.engagement-note{font-size:var(--intro-size);line-height:1.55;letter-spacing:0}.engagement-faq>div>p{font-weight:700}

.work-art.transformation-image{height:auto;padding:0;background:transparent}.transformation-image img{display:block;width:100%;height:auto}.viewer-content>.transformation-image{width:auto;min-height:0;padding:0}#case-systems>p:has(>strong:only-child){margin-top:18px}.case-outcomes{font-size:15px;line-height:1.65;color:#535e55;padding-left:22px;margin:14px 0}.case-outcomes li+li{margin-top:8px}

#inquiry-submit:disabled{cursor:wait;opacity:.65;transform:none}#form-status[data-state=error]{color:#9c2525;font-weight:700}#form-status[data-state=success]{color:#087b4e;font-weight:700}

.viewer-content>.portfolio-video{display:block;width:auto;max-width:min(1200px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 24px);background:#11120f;cursor:default}.portfolio-viewer:has(.portfolio-video) .viewer-controls{bottom:62px}.viewer-content img[data-video]{cursor:pointer}

.grecaptcha-badge { visibility: hidden; }
#inquiry-form .recaptcha-disclosure{display:block;font:400 12px/1.5 var(--body);color:#62655e;text-align:center;margin:8px 0 0;letter-spacing:0}

/* Shared service description and examples typography. */
.service>p,.service .work-examples ul{font-family:var(--body);font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0;color:#686a5e}
.service .work-examples ul{margin:12px 0 0;padding-left:1.2em}
.service .work-examples li+li{margin-top:8px}
.capabilities-footer p,.capabilities-footer .capabilities-talk{font-size:var(--intro-size);line-height:1.55;letter-spacing:0}
@media(max-width:650px){.service>p,.service .work-examples ul{font-size:13px}}

.engagement-card .common-engagements{font-size:13px;font-weight:700;line-height:1.8;margin-top:20px}
.engagement-card .common-engagements+ul{margin-top:6px}

.engagement-difference{margin-top:30px;font-size:var(--intro-size);line-height:1.55;letter-spacing:0}
.engagement-difference p+p{margin-top:8px}
.engagement-difference+.engagement-note{margin-top:22px;padding-top:0}