/* Quiet, user-led walkthroughs for the process and the person behind the work. */
.approach-page .page-hero{padding-top:58px;padding-bottom:54px;position:relative}
.approach-page .page-hero h1{font-size:clamp(50px,5.7vw,82px);line-height:1.02;margin-bottom:24px}
.approach-page .page-hero>p{max-width:620px;font-size:16px}
.ax-hero-link{display:inline-flex;align-items:center;gap:30px;color:var(--lime);font-size:12px;font-weight:600;margin-top:25px;padding:10px 0;border-bottom:1px solid #667952}.ax-hero-link>span{font-size:19px}.ax-hero-link:hover{color:#fff}
.ax-section{padding-top:76px;padding-bottom:76px;scroll-margin-top:25px}
.ax-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:34px}.ax-intro h2{font-size:clamp(36px,3.7vw,53px);margin:0}.ax-intro .eyebrow{margin-bottom:17px}.ax-intro>p{max-width:315px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 4px}
.agency-experience{border:1px solid #bdc9af;border-radius:13px;background:#f9faf3;overflow:hidden;box-shadow:0 18px 40px #17242109}
.ax-topline{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #dbe1d2;padding:14px 25px;font-size:8px;letter-spacing:.12em;color:#586c49}.ax-topline>span:first-child{display:flex;align-items:center;gap:9px;font-weight:600}.ax-topline i{font-style:normal;font-size:20px;line-height:1}.ax-topline>span:last-child{font-size:7px}
.ax-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px;margin:24px 24px 20px;border:1px solid #dce3d1;border-radius:9px;background:#e8eee0}.ax-principles .ax-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.ax-tabs button{display:flex;align-items:center;gap:14px;min-height:52px;padding:12px 17px;border:1px solid transparent;border-radius:5px;background:transparent;color:#53684a;font-size:13px;line-height:1.25;text-align:left;transition:background .18s,color .18s}.ax-tabs button>span:first-child{font-size:8px;opacity:.75}.ax-tabs .ax-tab-arrow{margin-left:auto;opacity:0;font-size:17px}.ax-tabs button[aria-selected=true]{background:var(--forest);color:var(--cream);box-shadow:0 2px 4px #17242115}.ax-tabs button[aria-selected=true] .ax-tab-arrow{opacity:1}.ax-tabs button:hover:not([aria-selected=true]){background:#dbe5cc}.ax-tabs button:focus-visible{outline-offset:1px}
.ax-panel{display:grid;grid-template-columns:.95fr 1.05fr;min-width:0;margin:0 24px 20px;border:1px solid #d4ddc8;border-radius:8px;overflow:hidden;background:#eef2e5}.ax-panel:first-of-type{margin-top:24px}.agency-experience.is-enhanced .ax-panel:first-of-type{margin-top:0}.ax-panel:focus-visible{outline:3px solid var(--orange);outline-offset:2px}.ax-copy{padding:38px 34px;min-width:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:430px}.ax-step{font-size:8px;color:#61734f;letter-spacing:.1em;margin-bottom:26px;line-height:1.6}.ax-copy h3{font-size:clamp(30px,3.2vw,44px);line-height:1.06;margin-bottom:20px;max-width:360px}.ax-copy>p{font-size:14px;line-height:1.85;color:#56654e;max-width:360px;margin-bottom:0}.ax-output{margin-top:27px;padding-top:20px;border-top:1px solid #c8d3ba;width:100%}.ax-output>span{font-size:8px;font-weight:600;letter-spacing:.12em;color:#4e673c}.ax-output p{font-size:12px;color:#4d6043;line-height:1.8;margin:9px 0 0;max-width:330px}
.ax-bottomline{display:flex;justify-content:space-between;gap:20px;padding:0 26px 20px;color:#5b6e4d;font-size:10px;line-height:1.7}.ax-bottomline>span:last-child{font-size:8px}.ax-bottomline>a{font-weight:600;border-bottom:1px solid #a3b68f;display:flex;gap:16px}.ax-bottomline>a:hover{color:var(--ink)}
.ax-canvas{position:relative;min-height:430px;border-left:1px solid #d4ddc8;overflow:hidden;container-type:inline-size;background-color:#e2e8d7;background-image:radial-gradient(ellipse at 55% 50%,#f6f9ecbb,transparent 70%),linear-gradient(#71865a14 1px,transparent 1px),linear-gradient(90deg,#71865a14 1px,transparent 1px);background-size:100% 100%,27px 27px,27px 27px;color:#172421}.ax-canvas-label{position:absolute;left:23px;top:21px;right:20px;font-size:7px;letter-spacing:.12em;color:#596e49}.ax-canvas-foot{position:absolute;left:23px;bottom:18px;font-size:7px;letter-spacing:.12em;color:#667956}.ax-canvas h4{font-size:28px;line-height:1.08;letter-spacing:-.045em;font-weight:600;margin:16px 0}.ax-canvas h4 em{color:#597541}.ax-mini{font-size:7px;letter-spacing:.13em;font-weight:600}.ax-piece{box-shadow:0 10px 20px #1724210b}.ax-rule{border-top:1px solid #d3dcc5;margin:19px 0 14px}.ax-ink-line{height:5px;background:#b7c7a5;border-radius:4px;margin-top:8px;width:85%}.ax-ink-line.short{width:58%}
/* Listen: loose thoughts become a shared brief. */
.ax-note{position:absolute;width:40%;padding:17px;border:1px solid #bac8a9;border-radius:6px;font-size:12px;background:#d7ed9a;transform:rotate(-5deg);left:8%;top:17%;min-height:125px}.ax-note>span{display:block;font-size:7px;letter-spacing:.1em;margin-bottom:13px}.ax-note strong{font-size:14px;line-height:1.3}.ax-note i{font-style:normal;position:absolute;right:12px;bottom:6px;font-size:29px}.ax-note-two{left:12%;top:55%;transform:rotate(4deg);background:#eec5ae}.ax-brief{position:absolute;left:43%;top:24%;width:49%;padding:23px 20px;background:#fbfcf6;border:1px solid #b9c7a7;border-radius:8px;transform:rotate(2deg)}.ax-check-row{display:flex;align-items:center;gap:9px;font-size:10px;line-height:1.5;margin-top:8px;color:#536847}.ax-check-row b{font-weight:400;background:#e4eccf;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}
/* Connect: a small plan, with every piece related to the goal. */
.ax-plan-top{position:absolute;left:11%;right:11%;top:16%;padding:18px;text-align:center;background:#172421;color:#f3f6e9;border-radius:7px}.ax-plan-top>span{font-size:7px;letter-spacing:.14em;display:block;margin-bottom:6px;color:#c5d9a2}.ax-plan-top strong{font-size:16px;line-height:1.3;display:block}.ax-path-line{position:absolute;left:50%;top:34%;height:21%;width:1px;background:#a6b790}.ax-plan-grid{position:absolute;top:43%;left:7%;right:7%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.ax-plan-grid>div{padding:16px 8px 14px;background:#fafcf3;border:1px solid #b7c7a4;border-radius:7px;text-align:center}.ax-plan-grid i{display:block;font-style:normal;font-size:26px;line-height:1;color:#6b834d;margin-bottom:10px}.ax-plan-grid strong{font-size:10px;display:block;line-height:1.35}.ax-plan-grid span{display:block;font-size:8px;color:#6a775f;margin-top:6px;line-height:1.45}.ax-plan-grid>div:nth-child(2){background:#d7ed9a}.ax-plan-bottom{position:absolute;top:77%;left:14%;right:14%;background:#f1f5e8;border:1px solid #b7c7a4;border-radius:6px;padding:12px 15px;display:flex;align-items:center;gap:18px;justify-content:space-between}.ax-plan-bottom>span{font-size:7px;letter-spacing:.08em;max-width:75px;line-height:1.6}.ax-plan-bottom>div{display:flex;gap:10px;font-size:9px}.ax-plan-bottom b{font-weight:400}
/* Build: explore, refine and review. */
.ax-draft{position:absolute;top:20%;left:9%;width:40%;padding:18px 17px;background:#f8faee;border:1px solid #bdc9af;border-radius:7px;transform:rotate(-6deg);height:215px}.ax-draft>span,.ax-made>span{font-size:7px;letter-spacing:.1em}.ax-sketch{font-size:69px;line-height:1.3;color:#9aaa88;text-align:center}.ax-draft small{font-size:8px;display:block;margin-top:18px;color:#6d7d5f}.ax-made{position:absolute;top:18%;left:42%;width:48%;background:#172421;border:1px solid #172421;border-radius:7px;color:#f9faef;padding:19px 20px;transform:rotate(3deg);min-height:233px}.ax-made>span{color:#c2d5a2}.ax-made>i{font-style:normal;position:absolute;top:11px;right:20px;font-size:37px;color:#d7ed9a}.ax-made h4{font-size:32px;margin:32px 0 22px}.ax-made h4 em{color:#d7ed9a}.ax-made-button{padding:9px 10px;font-size:7px;letter-spacing:.04em;background:#d7ed9a;color:#172421;border-radius:3px}.ax-review{position:absolute;left:18%;right:10%;top:77%;background:#fafcf3;border:1px solid #b8c5a8;border-radius:7px;display:flex;align-items:center;gap:12px;padding:14px}.ax-review>b{border-radius:50%;background:#d7ed9a;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.ax-review strong{font-size:10px;font-weight:600;display:block;line-height:1.4}.ax-review span{display:block;font-size:8px;color:#667956;margin-top:4px;line-height:1.5}
/* Learn: questions lead to a practical next move, not invented results. */
.ax-review-sheet{position:absolute;left:9%;top:18%;width:67%;background:#fafcf3;border:1px solid #bcc9ae;padding:25px;border-radius:8px;transform:rotate(-2deg)}.ax-review-sheet h4{font-size:33px;margin-bottom:23px}.ax-observation{border-top:1px solid #d6dfca;padding:12px 0;display:flex;align-items:center;gap:16px}.ax-observation>span{font-size:6px;letter-spacing:.09em;width:33px;color:#68824e}.ax-observation strong{font-size:10px;font-weight:400}.ax-next-chips{position:absolute;right:6%;top:54%;display:flex;flex-direction:column;align-items:flex-end;gap:9px;transform:rotate(3deg)}.ax-next-chips span{padding:10px 13px;border:1px solid #b0c292;border-radius:5px;background:#d7ed9a;font-size:10px}.ax-next-chips span:nth-child(2){background:#eec5ae}.ax-next-chips span:nth-child(3){background:#172421;color:#f3f6e8}
/* Meet William: the existing principles, made tangible. */
.ax-principles .ax-copy{min-height:390px}.ax-personal-signature{display:flex;gap:16px;align-items:center;border-top:1px solid #cbd5be;width:100%;margin-top:30px;padding-top:22px}.ax-personal-signature>span{font-family:Georgia,serif;font-size:42px;font-style:italic;letter-spacing:-5px;line-height:1;color:#597241;padding-right:4px}.ax-personal-signature>div{font-size:10px;line-height:1.7;color:#5d7050}.ax-principles .ax-canvas{min-height:390px}
.ax-orbit-label{position:absolute;left:12%;right:12%;top:16%;text-align:center;font-size:7px;letter-spacing:.12em;box-shadow:none}.ax-orbit-label em{display:block;font-size:34px;letter-spacing:-.05em;margin-top:9px;line-height:1.2;color:#506c39}.ax-family{position:absolute;left:7%;right:7%;top:43%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;z-index:1}.ax-family>div{background:#fafcf3;border:1px solid #b9c8a6;border-radius:7px;text-align:center;padding:16px 5px}.ax-family>div:nth-child(2){background:#172421;color:#f4f3e9;transform:translateY(-8px)}.ax-family>div:nth-child(3){background:#d7ed9a}.ax-family i{font-style:normal;display:block;font-size:33px;color:#7c9952;line-height:1;margin-bottom:13px}.ax-family>div:nth-child(2) i{color:#d7ed9a}.ax-family strong{font-size:11px;line-height:1.5;display:block}.ax-family span{font-size:7px;line-height:1.6;display:block;margin-top:5px}.ax-family-line{position:absolute;top:59%;left:13%;right:13%;height:72px;border:1px solid #a7ba91;border-top:0;border-radius:0 0 12px 12px}.ax-family-foot{position:absolute;top:84%;left:5%;right:5%;text-align:center;font-size:9px;color:#526746}
.ax-quote{position:absolute;top:22%;left:9%;width:61%;padding:22px;background:#fafcf3;border:1px solid #b7c7a6;border-radius:8px;transform:rotate(-3deg)}.ax-quote>span{font-size:7px;letter-spacing:.1em}.ax-quote h4{font-size:30px;margin:22px 0}.ax-personal-card{position:absolute;right:8%;top:38%;width:40%;background:#d7ed9a;border:1px solid #a6bd86;border-radius:7px;padding:19px;transform:rotate(4deg)}.ax-personal-card>span{font-size:6px;line-height:1.5;display:block;letter-spacing:.05em}.ax-personal-mark{font-family:Georgia,serif;font-style:italic;font-size:58px;line-height:1.3;letter-spacing:-.15em;margin:6px 0 15px}.ax-personal-card strong{font-size:14px;line-height:1.2}.ax-sample-label{position:absolute;left:9%;top:84%;font-size:6px;letter-spacing:.08em;color:#667956}
.ax-idea-options{position:absolute;left:12%;right:12%;top:16%;display:flex;justify-content:space-around;gap:15px}.ax-idea-options>span{width:26%;display:block;text-align:center;font-size:32px;color:#6f8654;box-shadow:none;line-height:1.3}.ax-idea-options small{font-size:8px;display:block}.ax-choice{position:absolute;left:10%;right:10%;top:34%;background:#fafcf3;border:1px solid #b9c9a7;border-radius:8px;padding:22px}.ax-choice h4{font-size:28px;margin:14px 0}.ax-choice p{font-size:10px;color:#5e7151;margin:0 0 17px;line-height:1.7}.ax-choice b{font-size:8px;font-weight:400;padding:8px 10px;background:#e5efcf;border-radius:4px;display:inline-block}
/* A single short transition when the visitor chooses a view. No autoplay. */
.ax-animate .ax-copy{animation:ax-copy-in .28s ease-out both}.ax-animate .ax-piece{animation:ax-piece-in .55s cubic-bezier(.2,.7,.2,1) both}.ax-animate .ax-piece:nth-child(2){animation-delay:.055s}.ax-animate .ax-piece:nth-child(3){animation-delay:.11s}.ax-animate .ax-path-line{animation:ax-path-in .45s ease-out both;transform-origin:top}.ax-animate .ax-family-line{animation:ax-copy-in .6s ease-out both}
@keyframes ax-copy-in{from{opacity:.4}to{opacity:1}}@keyframes ax-piece-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes ax-path-in{from{scale:1 0}to{scale:1 1}}
@media(min-width:1500px){.ax-section{padding-top:86px;padding-bottom:86px}}
@media(max-width:1000px){.ax-copy{padding:29px 24px;min-height:460px}.ax-canvas{min-height:460px}.ax-copy h3{font-size:34px}.ax-copy>p{font-size:13px}.ax-note strong{font-size:12px}.ax-note{padding:15px}.ax-brief{padding:20px 14px;left:40%;width:53%;top:27%}.ax-brief h4{font-size:25px}.ax-check-row{font-size:9px}.ax-plan-grid{left:5%;right:5%;gap:5px}.ax-plan-bottom{left:9%;right:9%;gap:10px}.ax-made{padding:18px 15px}.ax-made h4{font-size:29px}.ax-intro{gap:30px}.ax-intro>p{max-width:280px}.ax-review-sheet{padding:21px}.ax-next-chips span{font-size:9px}.ax-principles .ax-copy{min-height:430px}.ax-principles .ax-canvas{min-height:430px}.ax-tabs button{padding:12px;gap:10px}.ax-tabs .ax-tab-arrow{display:none}}
@media(max-width:760px){.ax-section{padding-top:52px;padding-bottom:52px}.ax-intro{display:block;margin-bottom:27px}.ax-intro h2{font-size:40px}.ax-intro>p{max-width:490px;margin-top:22px;font-size:13px}.ax-panel{grid-template-columns:1fr}.ax-copy{min-height:0;padding:29px}.ax-copy h3{max-width:450px;font-size:36px}.ax-copy>p{max-width:100%;font-size:14px}.ax-step{margin-bottom:18px}.ax-output{margin-top:22px;padding-top:17px}.ax-output p{max-width:100%}.ax-canvas{min-height:400px;border-left:0;border-top:1px solid #d4ddc8}.ax-principles .ax-copy{min-height:0}.ax-principles .ax-canvas{min-height:390px}.ax-principles .ax-tabs button{font-size:11px}.ax-tabs button{font-size:12px;gap:7px}.ax-canvas h4{font-size:31px}.ax-brief{max-width:270px;top:25%;padding:24px}.ax-note{max-width:220px}.ax-quote{max-width:320px}.ax-personal-card{max-width:205px}.ax-choice{top:34%}.ax-principles .ax-copy h3{font-size:35px}.ax-personal-signature{margin-top:23px;padding-top:18px}}
@media(max-width:480px){.approach-page .page-hero{padding-top:46px;padding-bottom:42px}.approach-page .page-hero h1{font-size:49px}.approach-page .page-hero>p{font-size:14px}.ax-intro h2{font-size:35px}.ax-topline{padding:13px 16px;gap:12px;font-size:7px}.ax-topline>span:last-child{display:none}.ax-tabs{margin:16px 13px 14px;padding:4px;gap:3px}.ax-tabs button{display:flex;flex-direction:column;justify-content:center;gap:6px;text-align:center;font-size:10px;min-height:55px;padding:9px 3px}.ax-principles .ax-tabs button{font-size:10px;min-height:63px}.ax-tabs button>span:first-child{font-size:7px}.ax-panel{margin:0 13px 14px}.ax-panel:first-of-type{margin-top:16px}.ax-copy{padding:25px 21px}.ax-copy h3{font-size:32px}.ax-copy>p{font-size:13px}.ax-step{font-size:7px;letter-spacing:.06em}.ax-output p{font-size:11px}.ax-bottomline{flex-direction:column;gap:4px;padding:3px 17px 17px;font-size:9px}.ax-bottomline>a{align-self:flex-start;margin-top:5px;min-height:36px;align-items:center;font-size:10px}.ax-canvas,.ax-principles .ax-canvas{min-height:365px}.ax-canvas-label{left:15px;right:10px;font-size:6px;letter-spacing:.06em}.ax-canvas-foot{left:15px;font-size:6px;letter-spacing:.07em}.ax-note{left:6%;width:44%;padding:13px;min-height:116px}.ax-note strong{font-size:12px}.ax-note-two{left:9%;top:54%}.ax-brief{left:41%;width:53%;padding:19px 13px}.ax-brief h4{font-size:24px}.ax-mini{font-size:6px;letter-spacing:.07em}.ax-check-row{font-size:8px;gap:6px}.ax-rule{margin:15px 0 12px}.ax-check-row b{width:15px;height:15px}.ax-plan-top{left:8%;right:8%;padding:17px 11px}.ax-plan-top strong{font-size:14px}.ax-plan-grid{left:5%;right:5%;top:42%}.ax-plan-grid>div{padding:14px 5px 12px}.ax-plan-grid strong{font-size:8px}.ax-plan-grid span{font-size:7px}.ax-plan-bottom{left:8%;right:8%;padding:10px 12px;top:77%}.ax-plan-bottom>div{gap:9px;font-size:8px}.ax-plan-bottom>span{font-size:6px;max-width:60px}.ax-draft{left:7%;top:21%;width:43%;padding:14px;height:192px}.ax-sketch{font-size:56px}.ax-draft small{font-size:7px}.ax-made{left:42%;width:50%;top:18%;padding:16px 13px;min-height:213px}.ax-made h4{font-size:26px;margin-top:31px}.ax-made>i{font-size:32px;right:11px}.ax-made-button{font-size:6px;padding:8px}.ax-review{left:10%;right:7%;top:77%;padding:11px;gap:9px}.ax-review strong{font-size:9px}.ax-review span{font-size:7px}.ax-review>b{width:26px;height:26px}.ax-review-sheet{top:18%;left:7%;width:75%;padding:21px 16px}.ax-review-sheet h4{font-size:29px;margin:13px 0 18px}.ax-observation{padding:10px 0;gap:9px}.ax-observation strong{font-size:8px}.ax-next-chips{right:5%;top:58%;gap:8px}.ax-next-chips span{font-size:8px;padding:8px 10px}.ax-orbit-label{top:16%}.ax-orbit-label em{font-size:29px}.ax-family{left:5%;right:5%;gap:6px;top:43%}.ax-family>div{padding:14px 4px}.ax-family strong{font-size:9px}.ax-family span{font-size:6px}.ax-family i{font-size:29px}.ax-family-foot{font-size:8px}.ax-quote{left:6%;width:65%;padding:17px;top:22%}.ax-quote>span{font-size:6px}.ax-quote h4{font-size:25px}.ax-personal-card{right:6%;top:53%;width:49%;padding:14px}.ax-personal-card strong{font-size:12px}.ax-personal-mark{font-size:40px;line-height:1.1;margin:5px 0 10px}.ax-personal-card>span{font-size:5px}.ax-sample-label{left:6%;font-size:5px;top:auto;bottom:14px;right:6%}.ax-choice{left:7%;right:7%;padding:20px;top:34%}.ax-choice h4{font-size:26px}.ax-choice p{font-size:9px}.ax-choice b{font-size:7px}.ax-principles .ax-copy h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.agency-experience *, .agency-experience *::before, .agency-experience *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:360px){.ax-principles .ax-canvas{min-height:430px}.ax-personal-card{top:49%}.ax-choice{top:34%}.ax-principles .ax-copy h3{font-size:29px}.ax-principles .ax-tabs button{font-size:9px}}
/* Keep the conversation readable where the two cards overlap. */
.ax-principles .ax-personal{min-height:450px}.ax-personal .ax-quote{top:15%;left:7%;width:80%}.ax-personal .ax-personal-card{top:52%}
@media(max-width:480px){.ax-personal .ax-quote h4{font-size:24px}.ax-personal .ax-quote{max-width:none}.ax-personal .ax-sample-label{bottom:16px}}
@media(min-width:761px){.ax-principles .ax-canvas,.ax-principles .ax-copy{min-height:450px}}