/* One continuous sculpture. Content stays in the normal document flow. */
.bird-experience{--paper:#f5f4ee;--ink:#171b13;--muted:#6d7364;--line:#d9ddce;background:var(--paper);overflow-x:clip}
.bird-layer{position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;contain:strict}
.experience-loader{--load-progress:.1;position:fixed;inset:0;background:#f5f4ee;z-index:90;padding:35px var(--pad);display:flex;flex-direction:column;justify-content:space-between;transition:transform .95s cubic-bezier(.76,0,.24,1),visibility .95s;isolation:isolate}
.experience-loader.is-leaving{transform:translateY(-101%);visibility:hidden;pointer-events:none}
.loader-top,.loader-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}
.loader-top>span{font:500 27px/1 Space,Arial,sans-serif;letter-spacing:-.06em}
.loader-top button{font:400 11px DM,Arial,sans-serif;background:none;color:#7a836e;padding:12px 0 12px 20px;cursor:pointer}
.loader-centre{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center}
.loader-symbol{position:relative;height:138px;width:172px;margin:0 auto 34px}
.loader-symbol svg{position:absolute;inset:0;width:100%;height:100%;fill:#e0e5d7}
.loader-symbol .loader-symbol-fill{fill:#242e1b;clip-path:inset(calc((1 - var(--load-progress))*100%) 0 0);transition:clip-path .6s cubic-bezier(.22,1,.36,1)}
.loader-centre p{font:400 24px/1.4 Space,Arial,sans-serif;letter-spacing:-.045em;white-space:nowrap;color:#5a684b}
.loader-bottom{margin-top:auto;font-size:8px;letter-spacing:.08em;color:#76816b;text-transform:uppercase}
.loader-track{height:1px;flex:1;max-width:40%;background:#d4ddc9;overflow:hidden}.loader-track i{display:block;height:100%;background:#566e3b;transform:scaleX(var(--load-progress));transform-origin:left;transition:transform .65s cubic-bezier(.22,1,.36,1)}
.experience-loader[hidden]{display:none}
.bird-layer canvas{display:block;width:100%;height:100%;pointer-events:none}
main>section{position:relative;z-index:auto;isolation:auto}
main>section>*{position:relative;z-index:2}
.header{height:96px;background:transparent;border-color:#d1d5c8}
.header .logo{font-size:29px;letter-spacing:-.065em}
.header nav{font-size:12px}
.header .nav-cta{background:transparent;color:var(--ink);border:1px solid #bdc4b1;padding:12px 20px}
.hero{padding-top:26px;min-height:calc(100svh - 96px);overflow:visible}
.hero-topline .eyebrow{font-size:9px;letter-spacing:.1em;color:#727b62;display:flex;align-items:center;gap:9px}
.hero-grid{grid-template-columns:1.04fr 1fr;min-height:clamp(490px,67svh,700px);gap:0}
.hero-copy{padding:45px 0 55px;pointer-events:auto}
.hero h1{font-size:clamp(56px,5.45vw,91px);font-weight:500;letter-spacing:-.073em;line-height:1.035;white-space:normal}
.hero h1>span{display:block;white-space:nowrap}
.hero h1 .hero-last{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic;letter-spacing:-.065em;color:#737e60;font-size:.96em;margin-top:.035em}
.lime-stop{color:#879e5a}
.hero-description{font-size:16px;line-height:1.8;letter-spacing:-.015em;max-width:385px;margin-top:28px;color:#646d59}
.hero-actions{margin-top:29px;gap:27px}
.hero-actions .button{padding:17px 23px;font-size:12px;gap:32px;border-radius:40px}
.hero-actions .plain-link{font-size:11px}
.hero-art{height:100%;min-height:480px;isolation:auto;margin:0;width:100%;pointer-events:none}
.bird-fallback{position:absolute;inset:7% -1%;opacity:1;transition:opacity .35s}
.bird-fallback img{width:100%;height:100%;object-fit:contain}
.bird-ready .bird-fallback{opacity:0}




.hero-bottom{padding:24px 0 28px;grid-template-columns:310px 1fr auto;gap:34px}
.hero-price>span{font-size:8px;letter-spacing:.06em}.hero-price strong{font-size:34px}.hero-price strong small{font-size:9px}
.hero-bottom>p{font-size:11px;color:#737b66}.scroll-cue{font-size:8px;letter-spacing:.11em}
.clients{z-index:3;background:var(--paper);padding-block:28px}
.work-intro{padding-top:110px;padding-bottom:28px}
.work-intro .section-heading{max-width:none;align-items:end}
.work-intro h2{font-size:clamp(48px,5.2vw,80px);line-height:1.03;letter-spacing:-.06em}
.work-intro .section-heading>p{font-size:14px;line-height:1.8;max-width:220px}
.work-intro .section-kicker>span:last-child{color:#7d876c}
.ecosystem-copy>p:not(.eyebrow){max-width:510px}
.flow-stage,.project-art{isolation:isolate}
.ecosystem-tabs,.flow-summary,.tile-caption,.project-context,.work-links{background:var(--paper)}
.more-work{padding-bottom:105px}
.pricing.pricing-motion{isolation:auto;overflow:clip;background:#171c14;padding-block:125px}
.pricing-motion:before{z-index:0;background:radial-gradient(ellipse at 72% 80%,#73893c20,transparent 65%)}
.pricing-motion .pricing-intro h2{font-size:clamp(48px,5.45vw,86px)}
.pricing-motion .pricing-tabs{max-width:510px}
.pricing-stage{z-index:2}
.pricing-motion .price-card{box-shadow:0 26px 80px #02080033}
.services{background:#171c14;border-color:#343f2b;border-radius:0}
.services .service-list,.services .brand-note{background:#171c14}
.services .section-kicker{border-top:0}
.studio{padding-top:104px;padding-bottom:70px;background:transparent}
.process-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:45px;margin-top:48px}
.process-heading h2{font-size:clamp(54px,5.9vw,90px);letter-spacing:-.065em;line-height:1.02}
.process-heading>p{max-width:295px;font-size:14px;color:#6a745d;line-height:1.8;padding-bottom:8px}
.process-journey{z-index:auto;display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:50px;align-items:start}
.process-steps{position:relative;z-index:2}
.process-art{z-index:0;position:sticky;top:15svh;height:68svh;min-height:420px;max-height:650px;align-self:start;pointer-events:none;perspective:1000px}
.process-board{position:absolute;inset:14% 7% 13%;transform-style:preserve-3d}
.process-illustration{position:absolute;inset:0;opacity:0;transform:translateY(15px) rotateY(-8deg) rotateZ(-4deg);transition:opacity .6s ease,transform 1s cubic-bezier(.22,1,.36,1)}
.process-art[data-step="1"] [data-illustration="1"],.process-art:not([data-step]) [data-illustration="1"],.process-art[data-step="2"] [data-illustration="2"],.process-art[data-step="3"] [data-illustration="3"]{opacity:1;transform:translateY(0) rotateY(-8deg) rotateZ(-4deg)}
.brief-sheet{position:absolute;border:1px solid #e0e5d5;border-radius:9px;box-shadow:8px 18px 36px #23311414;background:#fafbf5;width:66%;height:75%;left:17%;top:12%}
.brief-sheet.sheet-back{transform:translate(20px,-16px) rotate(10deg);background:#dfe6d3;border-color:#bac6a9}
.brief-sheet.sheet-front{padding:12%;display:flex;flex-direction:column;gap:13px;transform:translateZ(15px)}
.brief-dot{height:22px;width:22px;border-radius:50%;background:var(--lime);margin-bottom:5px;box-shadow:inset 0 0 0 1px #b0d078}
.brief-sheet>i{display:block;height:7px;width:85%;background:#3d4c30;border-radius:2px}.brief-sheet>i+i{width:58%;margin-top:-5px}
.brief-options{display:flex;gap:6px;margin-top:12px}.brief-options b{border:1px solid #c2cbb7;border-radius:4px;height:27px;flex:1}.brief-options b:first-child{background:#e1efc8;border-color:#a6bd83}
.brief-sheet>span{display:block;margin-top:6px;width:72%;height:5px;border-radius:2px;background:#d3daca}
.design-sheet{position:absolute;inset:23% 0 21%;background:#fbfcf5;border:1px solid #d3dcc8;border-radius:9px;box-shadow:6px 8px 0 #bdcaaa,12px 35px 45px #3545221a;padding:16px;transform:rotate(2deg)}
.design-toolbar{height:22px;display:flex;gap:4px;border-bottom:1px solid #dde2d4;align-items:flex-start}.design-toolbar i{width:5px;height:5px;border-radius:50%;background:#b7c4a2}
.design-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:15px;height:58%;padding:16px 0 12px}.design-layout>div{padding:8px}.design-layout b{display:block;height:7px;width:88%;background:#38472b;border-radius:2px;margin-bottom:7px}.design-layout b+b{width:63%}.design-layout span{display:block;height:4px;width:76%;background:#c1cdb1;margin-top:13px}.design-layout small{display:block;background:var(--lime);height:14px;width:47%;border-radius:3px;margin-top:14px}.design-layout>i{border-radius:7px;background:linear-gradient(135deg,#d8f2ab,#a0bc78)}
.design-tiles{display:flex;gap:9px;height:25px;margin-top:9px}.design-tiles>i{border:1px solid #dbe2d2;background:#eef1e6;border-radius:4px;flex:1}
.launch-sheet{position:absolute;inset:14% 16%;border:1px solid #cfdbc1;background:#f6faec;border-radius:12px;box-shadow:6px 8px 0 #b4c397,12px 35px 45px #35452220;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}
.launch-check{height:95px;width:95px;border-radius:50%;background:#c4f566;box-shadow:0 9px 0 #8baa58,0 22px 22px #718e4723;transform:rotateY(-7deg);display:grid;place-items:center}.launch-check svg{width:67px;height:67px;fill:none;stroke:#3f5927;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.launch-lines{width:55%;display:flex;align-items:center;flex-direction:column;gap:9px}.launch-lines span{height:6px;border-radius:3px;background:#819b61;width:100%}.launch-lines span+span{width:67%;background:#cbd7bb;height:4px}
.process-art-caption{position:absolute;bottom:4%;left:0;right:0;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.09em;color:#7b8769;padding-top:20px;border-top:1px solid #cfd8c1}
.process-current{color:#354b24;font-variant-numeric:tabular-nums}
.process-step{min-height:67svh;display:flex;flex-direction:column;justify-content:center;padding:50px 0 55px;border-bottom:1px solid #d3daca;scroll-margin-top:70px}
.process-step:last-child{border-bottom:0}
.step-number{font-size:11px;letter-spacing:.11em;font-weight:500;color:#83946f;display:flex;align-items:center;gap:15px;margin-bottom:25px}
.step-number i{width:28px;height:1px;background:#bdc9ac;transition:width .7s ease,background .7s ease}
.process-step.is-active .step-number{color:#3b5425}.process-step.is-active .step-number i{width:70px;background:#8caf53}
.process-step h3{font-size:clamp(38px,3.7vw,57px);letter-spacing:-.06em;line-height:1.08;font-weight:500}
.process-step>p{font-size:15px;line-height:1.9;max-width:400px;color:#6e785f;margin-top:23px}
.step-outcome{margin-top:29px;display:flex;flex-direction:column;gap:6px}.step-outcome>span{font-size:8px;letter-spacing:.12em;color:#829170}.step-outcome strong{font-size:13px;font-weight:500;color:#40552e}
.process-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cfd8c1;padding-top:29px;margin-top:25px;gap:30px}
.process-footer p{font-size:12px;line-height:1.8;color:#738166}.process-footer strong{font-weight:400;color:#425c2e}
.process-footer .plain-link{font-size:13px;gap:40px}
.faq{padding-top:55px;padding-bottom:115px}.faq-list{background:var(--paper)}
.contact{background:#e8edda;border-radius:0;padding-top:75px;padding-bottom:75px;overflow:visible}
.contact h2{font-size:clamp(55px,6.5vw,100px);max-width:940px;letter-spacing:-.065em;line-height:1.09;margin:35px 0 50px}
.contact h2 em{color:#667d49}.contact-bottom{border-color:#c0cba9;position:relative;z-index:3;background:#e8edda}
.contact-top .eyebrow{font-size:9px}.contact-email{font-size:25px}
.footer{position:relative;z-index:3}
.motion-off .bird-layer{display:none}.motion-off .bird-fallback{opacity:1}
.bird-experience.motion-off .process-illustration{transition:none}
@media(min-width:1700px){.hero-art{min-height:560px}.process-journey{gap:13%}.hero h1{font-size:100px}}
@media(max-width:1100px){.header{height:86px}.header .logo{font-size:26px}.hero{min-height:0}.hero h1{font-size:5.6vw}.hero-copy{padding-block:40px}.hero-grid{min-height:520px}.hero-art{min-height:430px}.hero-description{font-size:14px}.hero-actions{gap:18px}.hero-actions .button{font-size:11px;padding:15px 19px;gap:18px}.hero-bottom{grid-template-columns:280px 1fr auto;gap:23px}.process-journey{gap:7%}.process-step h3{font-size:39px}.process-step>p{font-size:14px}.process-art{height:60svh;min-height:360px}.brief-sheet.sheet-front{padding:12% 10%}.process-art-caption{font-size:8px}.design-layout{padding:10px 0}.design-layout small{margin-top:10px}.contact h2{font-size:70px}.contact-email{font-size:21px}}
@media(max-width:760px){
 .experience-loader{padding:26px 22px}.loader-top>span{font-size:24px}.loader-top button{font-size:10px}.loader-centre{top:44%}.loader-symbol{width:125px;height:115px;margin-bottom:26px}.loader-centre p{font-size:20px}.loader-bottom{font-size:6px;gap:12px}.loader-bottom>span:last-child{display:none}.loader-track{max-width:none;flex:1}
 .header{height:78px}.header .logo{font-size:25px}.header nav{background:var(--paper)}.header .nav-cta{font-size:10px;padding:9px 12px}.hero{padding-top:22px}.hero-topline .eyebrow{font-size:7px;letter-spacing:.055em;gap:7px}.hero-grid{display:flex;min-height:0;gap:0}.hero-copy{padding:33px 0 0}.hero h1{font-size:clamp(40px,10.9vw,72px);line-height:1.08;letter-spacing:-.07em}.hero h1 .hero-last{letter-spacing:-.065em}.hero-description{font-size:13px;line-height:1.75;margin-top:23px;max-width:310px}.hero-actions{margin-top:24px;gap:19px;flex-wrap:nowrap}.hero-actions .button{font-size:10px;padding:14px 17px;gap:20px}.hero-actions .plain-link{font-size:10px;gap:9px}.hero-art{height:355px;min-height:0;width:100%;margin:3px 0 0}.hero-bottom{grid-template-columns:1fr auto;gap:20px;margin-top:0;padding:21px 0 25px}.hero-price{gap:18px}.hero-price>span{font-size:7px}.hero-price strong{font-size:29px}.hero-price strong small{font-size:8px}.hero-bottom>p{font-size:8px;padding-left:17px}.clients{padding-block:24px}.work-intro{padding-top:64px;padding-bottom:15px}.work-intro .section-heading{margin-top:31px}.work-intro h2{font-size:47px}.work-intro .section-heading>p{font-size:12px;max-width:230px;margin-top:20px}.work-intro .section-heading>p br{display:block}.work-intro .section-kicker>span:last-child{font-size:6px}.ecosystem{padding-top:40px}.more-work{padding-bottom:65px}.pricing.pricing-motion{padding-top:70px;padding-bottom:65px}.pricing-motion .pricing-intro h2{font-size:46px}.studio{padding-top:65px;padding-bottom:40px}.process-heading{display:block;margin-top:29px}.process-heading h2{font-size:52px}.process-heading>p{font-size:12px;line-height:1.8;margin-top:23px;max-width:270px;padding:0}.process-journey{display:block;margin-top:12px}.process-art{position:relative;top:0;height:285px;min-height:0;max-width:370px;margin:0 auto 10px}.process-board{inset:0 12% 10%}.process-art-caption{display:none}.brief-sheet{height:84%;top:9%;width:62%;left:19%}.brief-sheet.sheet-front{padding:9% 11%;gap:10px}.brief-dot{height:18px;width:18px}.brief-sheet>i{height:5px}.brief-options{margin-top:8px}.brief-options b{height:22px}.process-illustration:not([data-illustration="1"]){display:none}.process-art[data-step] [data-illustration="1"]{opacity:1;transform:translateY(0) rotateY(-8deg) rotateZ(-4deg)}.process-step{min-height:0;padding:31px 0 36px}.step-number{font-size:9px;margin-bottom:17px}.step-number i,.process-step.is-active .step-number i{width:30px}.process-step h3{font-size:35px;line-height:1.08}.process-step>p{font-size:13px;line-height:1.85;margin-top:18px;max-width:340px}.step-outcome{margin-top:20px;gap:5px}.step-outcome>span{font-size:7px}.step-outcome strong{font-size:12px}.process-footer{margin-top:10px;padding-top:23px;align-items:flex-start;gap:20px}.process-footer p{font-size:10px}.process-footer .plain-link{font-size:11px;gap:15px;white-space:nowrap;margin-top:4px}.faq{padding-top:25px;padding-bottom:70px}.faq h2{font-size:43px}.contact{padding-top:43px;padding-bottom:43px}.contact h2{font-size:45px;line-height:1.13;margin:180px 0 34px}.contact h2 em{max-width:none}.contact-top .eyebrow{font-size:7px;line-height:1.7}.contact-email{font-size:22px}.contact-bottom{background:transparent}
}
@media(max-width:365px){.hero h1{font-size:10.75vw}.hero-actions{gap:12px}.hero-actions .button{padding:13px 14px;gap:12px}.hero-actions .plain-link{font-size:9px}.hero-art{height:305px}.hero-price{gap:13px}.hero-price strong{font-size:26px}.hero-bottom>p{font-size:7px;padding-left:13px}.process-heading h2{font-size:47px}.process-step h3{font-size:32px}.process-footer{display:block}.process-footer .plain-link{margin-top:20px}.contact h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){.experience-loader,.loader-symbol-fill,.loader-track i{transition:none}.bird-layer{display:none}.bird-fallback{opacity:1!important}.process-illustration,.step-number i{transition:none}.process-art{position:relative;top:0}.process-step{min-height:380px}}
.motion-off .process-art{position:relative;top:0}.motion-off .process-step{min-height:380px}
@media(max-width:760px){.motion-off .process-step{min-height:0}}

/* Clear headlines, optional detail. */
.compact-details{margin-top:20px;border-top:1px solid var(--line);font-size:12px}
.compact-details>summary,.step-details>summary{display:flex;align-items:center;justify-content:space-between;gap:22px;cursor:pointer;list-style:none;padding:17px 0;font-weight:500}
summary::-webkit-details-marker{display:none}
.open-icon{display:inline-grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid currentColor;border-radius:50%;font:300 19px/1 Arial,sans-serif;opacity:.65;transition:transform .3s,opacity .3s}
details[open]>summary>.open-icon{transform:rotate(45deg);opacity:1}
.detail-copy{font-size:12px;line-height:1.8;padding:2px 0 17px;max-width:570px;color:var(--muted)}
.detail-copy p+p{margin-top:12px}.detail-copy .tags{margin-top:15px}
.compact-details p{max-width:100%;margin-top:0}
.price-card .compact-details{border-color:#748d454d;margin-top:15px;color:#243a12}
.price-card .compact-details>summary{padding:12px 0;font-size:11px}.price-card .open-icon{height:24px;width:24px;flex-basis:24px;font-size:16px}
.price-card .detail-copy{color:inherit;padding-bottom:5px}.price-card .detail-copy ul{margin:0}
.services .compact-details{color:#eaf1dd;border-color:#3b4930}.services .detail-copy{color:#bac7ad}
.step-details{width:100%}.step-details>summary{align-items:flex-start;padding:0;gap:30px}.step-details h3{margin:0;max-width:440px}.step-details .open-icon{margin-top:9px;width:35px;height:35px;flex-basis:35px;font-size:22px}
.step-detail-copy>p{font-size:14px;line-height:1.8;color:#667259;max-width:390px;margin-top:23px}.step-detail-copy .step-outcome{margin-top:25px}
.process-step{min-height:52svh}.process-art{height:60svh;min-height:360px}.process-art-caption{bottom:0}
.process-art-caption>span:first-child{visibility:hidden}.process-heading>p{display:none}
.work-intro .section-heading>p{display:none}.work-intro h2{max-width:640px}
.contact h2{max-width:850px}.ecosystem-copy>p:not(.eyebrow){font-size:15px}.brand-note>p{font-size:34px;line-height:1.2}
.dialog-open .bird-layer{visibility:hidden}
@media(max-width:760px){.hero h1{font-size:clamp(39px,10.4vw,70px)}.hero-description{max-width:330px}.process-step{min-height:0;padding:29px 0}.process-art{height:260px;min-height:0}.process-steps{background:var(--paper)}.step-details h3{font-size:34px}.step-details .open-icon{height:28px;width:28px;flex-basis:28px;font-size:18px;margin-top:6px}.step-detail-copy>p{font-size:13px;line-height:1.8}.compact-details{margin-top:15px}.compact-details>summary{font-size:11px;gap:15px}.detail-copy{font-size:12px}.brand-note>p{font-size:27px}.contact h2{margin-top:175px}.open-icon{height:26px;width:26px;flex-basis:26px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.open-icon{transition:none}}

.motion-off .process-art::before,.graphics-fallback .process-art::before{content:"";position:absolute;inset:0;background:url('assets/bird/northframes-origami-poster.png') center/contain no-repeat}
@media(prefers-reduced-motion:reduce){.process-art::before{content:"";position:absolute;inset:0;background:url('assets/bird/northframes-origami-poster.png') center/contain no-repeat}}
@media(max-width:760px){.motion-off .contact h2,.graphics-fallback .contact h2{margin-top:28px}}
@media(max-width:760px) and (prefers-reduced-motion:reduce){.contact h2{margin-top:28px}}

.contact>.logo-drop-zone{position:absolute;right:13%;top:122px;width:86px;height:86px;z-index:0;display:grid;place-items:center}
.logo-drop-zone:after{content:"";position:absolute;bottom:-7px;left:0;right:0;height:1px;background:#aebd9566}
.logo-drop-zone svg{width:54px;height:54px;fill:#405526;opacity:1}.bird-ready .logo-drop-zone svg{opacity:0}.motion-off .logo-drop-zone svg,.graphics-fallback .logo-drop-zone svg{opacity:1}
@media(max-width:760px){.contact>.logo-drop-zone{top:97px;right:calc(50% - 38px);width:76px;height:76px}.logo-drop-zone svg{width:38px;height:38px}.motion-off .contact h2,.graphics-fallback .contact h2{margin-top:175px}}
@media(prefers-reduced-motion:reduce){.logo-drop-zone svg{opacity:1!important}}

.hero{scroll-margin-top:120px}

/* A contained tile system. The flying character travels above these panels. */
.bird-layer{z-index:4}.hero{min-height:145svh;padding-top:0}.hero-sticky{position:sticky;top:0;padding-top:24px;min-height:calc(100svh - 96px)}
.hero-grid{min-height:clamp(480px,65svh,670px)}.hero-copy{padding-block:42px}.hero-description{font-size:15px;max-width:390px;line-height:1.7;margin-top:23px}.hero-scope{display:flex;gap:16px;font-size:8px;letter-spacing:.08em;color:#6e785e;margin-top:22px}.hero-actions{margin-top:26px}.hero-art{min-height:440px}.bird-fallback{inset:10% 8%;display:grid;place-items:center}.bird-fallback svg{height:90%;width:90%;filter:drop-shadow(12px 25px 20px #374a2420);transform:perspective(1000px) rotateY(-18deg) rotateX(7deg) rotateZ(-3deg)}
.hero-bottom{padding:20px 0;grid-template-columns:310px 1fr auto}.hero-price strong{font-size:32px}.hero-topline{padding-top:5px}
.work-intro{padding-top:64px;padding-bottom:25px}.work-intro .section-heading{margin-top:28px}.work-intro h2{font-size:clamp(42px,4.6vw,65px)}
.ecosystem{padding-top:25px;padding-bottom:60px;gap:6%}.ecosystem-copy{border:1px solid #d5dccb;background:#eef1e7;padding:35px 30px;border-radius:18px;align-self:start}.ecosystem-copy h2{font-size:clamp(36px,4vw,60px)}.ecosystem-tabs{background:transparent}.ecosystem-tabs button{font-size:13px;padding-block:22px}.build-notes{margin-top:18px}.flow-panel{border-radius:18px;overflow:hidden;border:1px solid #d5dfd7;background:#edf3ed}.flow-stage{border-radius:0}.flow-summary.flow-project-panel{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border:0;background:#e7efea;text-align:left;margin:0}.flow-project-panel h3{font-size:22px;margin-top:7px}.flow-project-panel #flow-status{font-size:8px;letter-spacing:.08em;color:#637b6c}.flow-project-panel .open-icon{width:32px;height:32px;flex-basis:32px}.flow-project-panel #flow-description[hidden]{display:none!important}
.more-work{padding-top:20px;padding-bottom:64px}.more-work .section-kicker{margin-bottom:28px}.project-grid{gap:24px}.project-tile{border:1px solid #d6ddcd;border-radius:19px;overflow:hidden;background:#eef1e6}.project-tile .project-art{border:0;border-radius:0;display:flex;flex-direction:column;padding:0;height:auto;min-height:0;background:transparent;text-align:left;width:100%}.project-art .weco-art,.project-art .mementia-art{position:relative;width:100%;height:clamp(390px,37vw,530px);flex-shrink:0}.project-card-info{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 26px;width:100%;background:#eef1e6;border-top:1px solid #d1dcc4;position:relative;z-index:2}.project-card-info h3{font-size:22px;letter-spacing:-.04em;font-weight:500;margin:0}.project-card-info span{font-size:10px;color:#68765a;display:block;margin-top:5px}.project-card-info .open-icon{font-style:normal}.mementia-tile .project-card-info{background:#e8ecf0}.mementia-tile{background:#e8ecf0}.weco-display-copy{top:6%;left:6%}.weco-title{font-size:clamp(28px,3vw,46px)}.work-links{margin-top:25px;border:1px solid #d6ddcd;border-radius:14px;padding:20px 24px;display:flex;flex-wrap:wrap;gap:15px;background:#eef1e6}.work-links>span{font-size:10px;color:#6c7b5b}.work-links button{font-size:11px}
.pricing.pricing-motion{margin:0 22px;border-radius:24px;padding:70px calc(var(--pad) - 22px);min-height:0}.pricing-motion .pricing-intro h2{font-size:clamp(45px,5vw,73px)}.pricing-intro>p:not(.eyebrow){display:none}.price-card{min-height:390px!important}.pricing-motion .price-card{padding:29px 32px}.pricing-stage-top{font-size:7px}.pricing-stage-bottom{padding-top:20px}.price-card .price-amount{font-size:70px}.price-card .price-label{margin-top:32px}.price-card .compact-details{margin-top:22px}.price-card .price-note{font-size:10px;line-height:1.75;margin-top:18px}.pricing-tabs{margin-top:30px}.pricing-stage{align-self:start}.pricing-perspective{min-height:430px}
.services{padding-top:52px;padding-bottom:52px;margin:20px 22px 0;border-radius:24px;padding-inline:calc(var(--pad) - 22px)}.services .service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;background:none;margin-top:30px}.service-item{border:1px solid #38472c;border-radius:15px;background:#202a1b;padding:0 24px;overflow:hidden}.service-item summary{padding:26px 0;display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center}.service-item summary h3{font-size:30px;line-height:1.2}.service-item .service-tag{display:none}.service-item .service-no{font-size:9px}.service-item .service-body{grid-template-columns:1fr;padding:0 0 24px;gap:22px}.service-body>div:last-child>p{font-size:13px}.service-illustration{height:205px}.service-item .tags{font-size:9px}.service-item .open-icon{font-style:normal}.brand-note{background:none!important;border:1px solid #38472c;border-radius:15px;margin-top:16px;padding:0 24px!important;display:block!important}.brand-note .compact-details{border-top:0;margin:0}.brand-note summary{padding:22px 0;font-size:16px}.brand-note .detail-copy p{font-size:15px;line-height:1.7}.brand-note .detail-copy a{font-size:11px;margin-top:12px;display:inline-block}
.outcomes{padding-block:65px}.outcome-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin:30px 0}.outcome-heading h2{font-size:clamp(44px,5vw,70px);line-height:1.02;letter-spacing:-.06em}.outcome-tabs{display:flex;gap:7px;border:1px solid #d2dcc5;background:#e9eddf;padding:6px;border-radius:40px}.outcome-tabs button{border:0;background:transparent;border-radius:30px;padding:12px 22px;font-size:12px}.outcome-tabs button[aria-selected=true]{background:#24391b;color:#f5f8ee}.outcome-panel{display:grid;grid-template-columns:.78fr 1.22fr;gap:7%;min-height:455px;border:1px solid #d8e1cd;border-radius:22px;padding:45px;background:#eaf0df;overflow:hidden}.outcome-copy{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.diagram-label{font-size:8px;letter-spacing:.09em;color:#657652}.outcome-copy h3{font-size:40px;line-height:1.08;letter-spacing:-.055em;font-weight:500;margin:24px 0 18px}.outcome-copy p{font-size:13px;line-height:1.8;color:#66755a;max-width:315px}.outcome-copy .plain-link{margin-top:26px;font-size:12px;gap:30px}.educational-note{font-size:8px;color:#778569;margin-top:26px;max-width:275px;line-height:1.6}.tool-visual{position:relative;min-height:335px;perspective:1200px}.tool-diagram{position:absolute;inset:0;display:none;align-items:center;justify-content:center;padding-bottom:36px}.outcome-panel[data-tool=website] .diagram-web,.outcome-panel[data-tool=app] .diagram-app,.outcome-panel[data-tool=crm] .diagram-crm{display:flex}.diagram-browser{width:92%;background:#fbfcf6;border:1px solid #bacaaa;border-radius:9px;box-shadow:8px 9px 0 #c4d3b5,18px 25px 35px #21361412;transform:rotateY(-7deg) rotateZ(-3deg);overflow:hidden}.diagram-toolbar{padding:12px 15px;display:flex;justify-content:space-between;font-size:7px;color:#869876;border-bottom:1px solid #dee5d5}.diagram-toolbar i{font-style:normal}.diagram-site-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px;font-size:12px}.diagram-site-head b{font-size:7px;background:#d2efa8;border-radius:20px;padding:7px 10px;font-weight:400}.diagram-site-body{display:grid;grid-template-columns:1.15fr 1fr;gap:16px;padding:12px 20px 23px}.diagram-site-body strong{font:500 clamp(19px,2vw,28px)/1.12 Space,Arial,sans-serif;letter-spacing:-.055em}.diagram-site-body span{font-size:7px;border-bottom:1px solid #9daf86;display:inline-block;margin-top:20px;padding-bottom:4px}.diagram-object{display:flex;align-items:center;justify-content:center;height:105px}.diagram-object i{display:block;width:25px;height:80px;transform:skewY(-15deg);background:#8baa5d;margin-left:-3px;box-shadow:5px 6px 0 #486e36}.diagram-object i:nth-child(2){height:55px;background:#b5d78c}.diagram-object i:nth-child(3){height:35px;background:#d4eeae}.diagram-services{display:flex;gap:8px;padding:0 20px 20px;font-size:7px}.diagram-services span{flex:1;padding:13px 7px;text-align:center;border:1px solid #d5dfc8;border-radius:4px}.diagram-enquiry{position:absolute;right:-6px;bottom:47px;display:flex;align-items:center;gap:12px;background:#d4f59e;border:1px solid #afcd7b;border-radius:9px;padding:16px 18px;box-shadow:0 13px 25px #526e2520;transform:rotate(3deg)}.diagram-enquiry i{font-style:normal;font-size:25px}.diagram-enquiry b{display:block;font-size:12px;font-weight:500}.diagram-enquiry span{font-size:7px;display:block;margin-top:4px}.diagram-route{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;gap:23px;font-size:10px;color:#5e7448}.diagram-route i{font-style:normal;color:#9eb883}.diagram-route span{position:relative}.diagram-route span:after{content:"";position:absolute;bottom:-8px;left:0;right:0;height:2px;background:#8fba56;transform:scaleX(0);transform-origin:left}
.journey-phone{width:30%;height:260px;background:#f5f7ef;border:5px solid #2d3d27;border-radius:22px;padding:25px 10px 12px;position:relative;box-shadow:5px 7px 0 #b7c7a8;z-index:1}.phone-island{position:absolute;top:6px;left:34%;width:32%;height:5px;border-radius:5px;background:#263d1b}.journey-phone>span{font-size:6px;color:#6d855a;letter-spacing:.06em}.journey-phone>strong{font:500 19px/1.13 Space,Arial,sans-serif;letter-spacing:-.05em;display:block;margin:16px 0 18px}.phone-choice{font-size:7px;padding:11px 7px;background:#e3ebd8;border-radius:5px;margin-top:8px;display:flex;justify-content:space-between}.phone-book{z-index:2;transform:translateY(-15px);margin:0 -3px;background:#ecf3e3}.phone-choose{transform:rotate(-7deg) translateY(13px)}.phone-track{transform:rotate(7deg) translateY(13px)}.mini-calendar{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;font-size:7px}.mini-calendar i,.mini-calendar b{text-align:center;padding:4px 0;font-style:normal;font-weight:400}.mini-calendar .selected{background:#c4f566;border-radius:50%}.phone-action{font-size:7px;background:#c4f566;border-radius:7px;padding:10px 3px;text-align:center;margin-top:24px}.mini-tracker{display:flex;flex-direction:column;gap:19px;font-size:8px;border-left:1px solid #c1d1ac;margin-left:3px;padding-left:10px}
.workflow-board{width:100%;border:1px solid #b8c9a6;border-radius:12px;background:#f5f7ee;transform:rotateY(-8deg) rotateZ(-3deg);box-shadow:7px 9px 0 #b3c5a1,18px 25px 35px #21361412;overflow:hidden}.workflow-heading{display:flex;justify-content:space-between;align-items:center;padding:20px;font-size:10px;border-bottom:1px solid #d7e0ca}.workflow-heading b{font-size:8px;font-weight:400;color:#668050}.workflow-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:22px 15px 28px}.workflow-columns>div>span{font-size:6px;letter-spacing:.06em;color:#738963}.workflow-columns article{font-size:8px;border:1px solid #d6e0cb;border-radius:6px;padding:15px 9px;margin-top:13px;background:#fffef9;box-shadow:0 4px 8px #6377470b}.workflow-columns article i{height:6px;width:6px;background:#b0d286;border-radius:50%;display:block;margin-bottom:14px}.workflow-columns small{font-size:6px;display:block;margin-top:9px;color:#869c73}.workflow-bottom{display:flex;justify-content:space-between;border-top:1px solid #d7e0ca;padding:15px 20px;font-size:7px;color:#668050}
.outcome-panel.is-visible .diagram-enquiry{animation:card-arrive 7s ease-in-out infinite}.outcome-panel.is-visible .diagram-route span:after{animation:route-step 7s ease-in-out infinite}.diagram-route span:nth-of-type(2):after{animation-delay:1.8s!important}.diagram-route span:nth-of-type(3):after{animation-delay:3.6s!important}.outcome-panel.is-visible .workflow-columns article{animation:work-pulse 7s ease-in-out infinite}.workflow-columns>div:nth-child(2) article{animation-delay:1.8s!important}.workflow-columns>div:nth-child(3) article{animation-delay:3.6s!important}
@keyframes card-arrive{0%,15%,100%{transform:rotate(3deg) translateY(8px);opacity:.55}30%,75%{transform:rotate(3deg) translateY(0);opacity:1}}@keyframes route-step{0%,15%,100%{transform:scaleX(0)}35%,80%{transform:scaleX(1)}}@keyframes work-pulse{0%,15%,100%{background:#fffef9;transform:translateY(0)}35%,65%{background:#e4f3ce;transform:translateY(-4px)}}
.studio{padding-top:20px;padding-bottom:58px}.process-heading{margin-top:28px}.process-heading h2{font-size:clamp(42px,4.8vw,65px)}.process-journey{display:block;margin-top:30px}.process-art{position:relative;top:0;min-height:0;height:25px;max-height:none;pointer-events:none;margin:0}.process-art-caption{position:static;padding:0;border:0}.process-art-caption>span:first-child{visibility:visible;font-size:8px}.process-current{font-size:8px}.process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:15px;background:none}.process-step,.motion-off .process-step{min-height:0;justify-content:flex-start;border:1px solid #d5dfc8;border-radius:17px;padding:26px;background:#ecf0e4}.step-number{font-size:8px;margin:24px 0 15px}.step-number i{display:none}.step-details>summary{gap:15px}.step-details h3{font-size:28px;line-height:1.15;letter-spacing:-.045em}.step-details .open-icon{height:25px;width:25px;flex-basis:25px;font-size:16px;margin-top:2px}.step-detail-copy>p{font-size:12px;line-height:1.8;margin-top:19px}.step-infographic{height:155px;position:relative;overflow:hidden}.brief-infographic{background:#f9fbf3;border:1px solid #d4dec7;border-radius:8px;padding:17px}.brief-title{font-size:10px;display:flex;justify-content:space-between;margin-bottom:17px}.brief-title i{font-style:normal}.brief-infographic>span{display:flex;align-items:center;gap:10px;font-size:9px;padding:9px 0;border-top:1px solid #e0e7d6}.brief-infographic b{font-weight:400;font-size:7px;color:#91a47a}.brief-infographic span>i{font-style:normal;color:#64843b;margin-left:auto}.design-infographic{background:#fcfdf7;border:1px solid #d4dec7;border-radius:8px;padding:13px}.mini-design-toolbar{font-size:7px;color:#b4c59e;border-bottom:1px solid #dde6d0;padding-bottom:10px}.mini-design-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:17px;margin-top:17px}.mini-design-layout>div{padding-top:7px}.mini-design-layout i{height:6px;width:84%;display:block;background:#405732;margin-bottom:6px;border-radius:2px}.mini-design-layout i+i{width:56%}.mini-design-layout b{height:12px;width:43%;display:block;background:#bddf91;margin-top:16px;border-radius:3px}.mini-design-layout>span{height:58px;background:linear-gradient(135deg,#cee8a8,#a9c981);border-radius:5px}.mini-design-tiles{display:flex;gap:8px;margin-top:12px}.mini-design-tiles i{height:20px;flex:1;background:#edf1e5;border:1px solid #d7e1cc;border-radius:3px}.design-pointer{position:absolute;right:28%;bottom:20%;font-size:27px;color:#456b2c}.design-infographic.is-visible .design-pointer{animation:design-pass 8s ease-in-out infinite}@keyframes design-pass{0%,100%{transform:translate(0,0)}45%{transform:translate(-45px,-18px)}75%{transform:translate(7px,-38px)}}.launch-infographic{display:flex;align-items:center;gap:20px;background:#dfeacb;border:1px solid #cbd9b7;border-radius:8px;padding:20px}.launch-symbol{height:65px;width:65px;display:grid;place-items:center;border-radius:15px;background:#c4f566;color:#3d5a26;font-size:43px;box-shadow:4px 5px 0 #98b865}.launch-infographic>div+div{flex:1}.launch-infographic span{display:flex;justify-content:space-between;font-size:8px;padding:9px 0;border-bottom:1px solid #c4d4af}.launch-infographic b{font-weight:400;color:#65863b}.process-footer{margin-top:25px;padding-top:22px;font-size:10px}
.faq{margin:0 22px 20px;padding:48px calc(var(--pad) - 22px);border-radius:22px;background:#eef1e7;gap:8%}.faq-list{background:transparent}.faq h2{font-size:54px}.faq-list summary{font-size:13px;padding-block:19px}.faq-list p{font-size:12px;line-height:1.8}.quote-guide{margin-top:28px;max-width:340px;border:1px solid #cedbc0;border-radius:13px;padding:23px;background:#e3ecd5}.quote-guide h3{font-size:24px;line-height:1.12;letter-spacing:-.04em;font-weight:500;margin:16px 0}.quote-guide>div{display:flex;flex-direction:column;gap:0}.quote-guide>div>span{display:flex;gap:14px;padding:12px 0;border-top:1px solid #c8d6b8;font-size:10px}.quote-guide b{font-size:8px;font-weight:400;color:#8ba26e}.quote-guide>a{display:flex;justify-content:space-between;border-top:1px solid #bace9f;padding-top:16px;margin-top:6px;font-size:11px}.contact{margin:0 22px 20px;border-radius:22px;padding:50px calc(var(--pad) - 22px)}.contact h2{font-size:clamp(48px,6vw,82px);margin:28px 0 25px;max-width:850px}.contact-route{display:flex;align-items:center;gap:22px;font-size:11px;color:#71855d;margin:0 0 30px}.contact-route i{font-style:normal;color:#9ebc7c}.contact-bottom{padding-top:28px}.contact>.logo-drop-zone{top:92px;right:12%;width:75px;height:75px}.footer{padding-top:45px}
@media(max-width:1100px){.outcome-panel{padding:30px;gap:5%;grid-template-columns:.8fr 1.2fr}.outcome-copy h3{font-size:32px}.outcome-tabs button{padding:11px 18px}.journey-phone{height:240px}.journey-phone>strong{font-size:16px}.process-step{padding:19px}.step-details h3{font-size:25px}.launch-infographic{padding:14px;gap:10px}.launch-symbol{height:48px;width:48px;font-size:33px}.diagram-route{gap:17px}}
@media(max-width:760px){.hero{min-height:150svh;padding-top:0}.hero-sticky{padding-top:20px;min-height:calc(100svh - 78px)}.hero-grid{min-height:0}.hero-copy{padding-top:26px}.hero h1{font-size:42px}.hero-description{font-size:12px;margin-top:17px;line-height:1.7}.hero-scope{margin-top:16px;gap:14px;font-size:7px}.hero-actions{margin-top:21px}.hero-art{height:270px;min-height:0;margin-top:0}.hero-bottom{padding:15px 0;grid-template-columns:1fr auto}.hero-price strong{font-size:27px}.hero-price>span{font-size:6px}.hero-bottom>p{font-size:7px}.hero-topline .eyebrow{font-size:7px}.clients{padding-block:21px}.work-intro{padding-top:43px;padding-bottom:10px}.work-intro h2{font-size:42px}.ecosystem{padding-top:15px;padding-bottom:38px;gap:20px}.ecosystem-copy{padding:25px 21px}.ecosystem-copy h2{font-size:41px}.ecosystem-tabs button{padding-block:18px}.flow-summary.flow-project-panel{padding:20px}.flow-project-panel h3{font-size:20px}.more-work{padding-top:10px;padding-bottom:35px}.project-grid{gap:20px}.project-art .weco-art,.project-art .mementia-art{height:360px}.project-card-info{padding:20px}.project-card-info h3{font-size:20px}.project-card-info span{font-size:8px}.work-links{padding:17px;gap:14px}.work-links>span{width:100%}.work-links button{font-size:10px}.pricing.pricing-motion,.services{margin-inline:12px;border-radius:18px;padding-inline:20px}.pricing.pricing-motion{padding-block:42px}.pricing-motion .pricing-intro h2{font-size:45px}.pricing-perspective{min-height:375px}.pricing-motion .price-card{padding:24px;min-height:350px!important}.price-card .price-amount{font-size:63px}.pricing-stage-bottom{padding-top:16px}.services{margin-top:14px;padding-block:28px}.services .service-list{grid-template-columns:1fr;gap:12px;margin-top:22px}.service-item{padding-inline:19px}.service-item summary{padding-block:23px;gap:14px}.service-item summary h3{font-size:27px}.service-illustration{height:180px}.brand-note{padding-inline:19px!important}.brand-note summary{font-size:14px}.outcomes{padding-block:38px}.outcome-heading{display:block;margin:22px 0}.outcome-heading h2{font-size:46px}.outcome-tabs{width:max-content;margin-top:25px}.outcome-tabs button{padding:10px 19px;font-size:11px}.outcome-panel{display:flex;flex-direction:column;padding:25px;gap:28px;border-radius:18px;min-height:0}.outcome-copy h3{font-size:34px;margin-top:17px;margin-bottom:14px}.outcome-copy p{font-size:12px;line-height:1.8}.outcome-copy .plain-link{margin-top:18px;font-size:11px}.educational-note{margin-top:17px;font-size:7px}.tool-visual{width:100%;min-height:285px}.diagram-site-body strong{font-size:18px}.diagram-site-body{padding:8px 14px 18px;gap:7px}.diagram-site-head{padding:15px 14px;font-size:10px}.diagram-site-head b{font-size:6px}.diagram-object{height:80px}.diagram-object i{height:60px;width:20px}.diagram-services{padding:0 14px 15px;font-size:6px;gap:5px}.diagram-services span{padding:10px 5px}.diagram-enquiry{right:-4px;bottom:45px;padding:13px 15px}.diagram-enquiry b{font-size:10px}.diagram-enquiry span{font-size:6px}.diagram-route{font-size:9px;gap:18px}.journey-phone{height:232px;border-width:4px;padding:23px 7px 10px;border-radius:18px;box-shadow:3px 5px 0 #b7c7a8}.journey-phone>strong{font-size:16px;margin-top:14px}.journey-phone>span{font-size:5px}.phone-choice{font-size:6px;padding:10px 4px}.mini-tracker{font-size:7px;gap:17px}.phone-action{font-size:6px;margin-top:16px}.mini-calendar{gap:1px;font-size:6px}.workflow-heading{padding:17px 13px;font-size:8px}.workflow-heading b{font-size:6px}.workflow-columns{gap:6px;padding:19px 10px 24px}.workflow-columns>div>span{font-size:5px}.workflow-columns article{font-size:7px;padding:13px 6px}.workflow-columns small{font-size:5px}.workflow-bottom{padding:14px 12px;font-size:6px}.studio{padding-top:10px;padding-bottom:35px}.process-heading h2{font-size:46px}.process-heading{margin-top:22px}.process-journey{margin-top:25px}.process-art{height:22px;max-width:none;margin:0}.process-art-caption{display:flex}.process-steps{grid-template-columns:1fr;gap:15px;margin-top:12px}.process-step,.motion-off .process-step{padding:22px;min-height:0}.step-infographic{height:145px}.step-details h3{font-size:30px}.step-number{margin-top:20px}.step-details .open-icon{width:27px;height:27px;flex-basis:27px}.process-footer{margin-top:22px;display:flex}.process-footer p{font-size:9px}.process-footer .plain-link{font-size:10px;gap:12px;margin:0}.faq{margin-inline:12px;border-radius:18px;padding:32px 20px;gap:28px}.faq h2{font-size:44px}.quote-guide{max-width:none;margin-top:22px;padding:21px}.quote-guide h3{font-size:25px}.faq-list summary{font-size:12px;padding-block:18px}.faq-list p{font-size:12px}.contact{margin:0 12px 14px;border-radius:18px;padding:34px 20px}.contact h2,.motion-off .contact h2,.graphics-fallback .contact h2{font-size:45px;margin:26px 0 22px}.contact-route{gap:14px;font-size:9px;margin-bottom:25px}.contact>.logo-drop-zone{top:52px;right:20px;width:56px;height:56px}.logo-drop-zone svg{width:38px;height:38px}.contact-bottom{padding-top:22px}.contact-email{font-size:20px}.footer{padding-top:32px}.bird-fallback svg{height:90%;width:80%}}
@media(max-width:365px){.hero h1{font-size:39px}.hero-art{height:235px}.hero-scope{font-size:6px}.hero-price strong{font-size:25px}.hero-bottom>p{font-size:6px}.outcome-panel{padding:20px}.tool-visual{min-height:275px}.contact h2{font-size:40px}.contact>.logo-drop-zone{right:16px;width:43px}.pricing-motion .price-card{padding:21px}}
@media(prefers-reduced-motion:reduce){.hero{min-height:0}.hero-sticky{position:relative}.outcome-panel *, .step-infographic *, .quote-guide *{animation:none!important;transition:none!important}.process-art{position:relative;top:0}.process-step{min-height:0}}
.motion-off .hero{min-height:0}.motion-off .hero-sticky{position:relative}.motion-off .outcome-panel *, .motion-off .step-infographic *, .motion-off .quote-guide *{animation:none!important}.motion-off .process-art::before,.graphics-fallback .process-art::before{display:none}

.hero>.pickup-anchor{position:absolute;top:72svh;left:0;width:1px;height:1px;pointer-events:none}.motion-off .hero>.pickup-anchor{top:100%}
@media(prefers-reduced-motion:reduce){.hero>.pickup-anchor{top:100%}}

/* The opening is a 3D letter first. Copy reveals as the same letter travels. */
:root{--intro-reveal:0;--intro-text-shift:30px}
.header{opacity:var(--intro-reveal)}.hero-copy,.hero-topline,.hero-bottom{opacity:var(--intro-reveal);transform:translateY(var(--intro-text-shift));transition:opacity .12s linear;pointer-events:auto}
.hero-sticky{z-index:2}.bird-layer{z-index:1}.bird-fallback{inset:0}.bird-fallback svg{height:90%;width:100%}.hero-art{isolation:auto}
.project-art{isolation:isolate}.project-grid .project-tile{position:relative;z-index:2}.weco-title{color:#365229!important}.weco-art .weco-desktop{width:82%;left:4%;top:27%;transform:perspective(1000px) rotateY(-7deg) rotateZ(-2deg)}.weco-art .weco-mobile{width:22%;height:64%;right:4%;bottom:7%}
.device-host{height:350px;min-height:350px;width:100%;position:relative}.device-host canvas{height:100%;width:100%;display:block;position:absolute;inset:0}.device-flow-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.08em;color:#809167}.device-host .fallback-window{position:absolute;inset:10% 6% 13%;background:#c4f566;border:7px solid #536e36;border-radius:19px;box-shadow:6px 8px 0 #b2c592;transform:rotateY(-7deg) rotateZ(-3deg);padding:8px;opacity:1}.device-host.webgl-ready .fallback-window{opacity:0;pointer-events:none}.fallback-device-screen{background:#f9fbf2;height:100%;border-radius:9px;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.fallback-device-screen span{font-size:8px;color:#748665}.fallback-device-screen strong{font-size:31px;line-height:1.12;font-weight:500;letter-spacing:-.05em;max-width:210px}.fallback-device-screen i{font-size:8px;font-style:normal;color:#547538}.device-host .fallback-window[data-stage="1"]{inset:3% 31% 10%;border-radius:23px;transform:rotate(3deg)}.device-host .fallback-window[data-stage="1"] .fallback-device-screen{padding:18px 10px}.device-host .fallback-window[data-stage="1"] strong{font-size:23px}.device-host .fallback-window[data-stage="2"]{inset:15% 1% 15%;transform:rotateY(-7deg) rotateZ(-2deg)}
@media(max-width:760px){.device-host{height:300px;min-height:300px}.hero h1{font-size:42px}.weco-art .weco-desktop{width:90%;left:2%;top:29%}.weco-art .weco-mobile{width:27%;height:59%;right:3%;bottom:10%}.fallback-device-screen strong{font-size:27px}.device-flow-label{font-size:7px}.device-host .fallback-window[data-stage="1"]{inset:5% 28% 10%}}
.motion-off .header,.motion-off .hero-copy,.motion-off .hero-topline,.motion-off .hero-bottom,.graphics-fallback .header,.graphics-fallback .hero-copy,.graphics-fallback .hero-topline,.graphics-fallback .hero-bottom{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.header,.hero-copy,.hero-topline,.hero-bottom{opacity:1;transform:none;transition:none}}

/* Bound the restored device sequence to this tile, not its former full-page story. */
.outcomes.dimension-story{height:auto;min-height:0;background:transparent;color:var(--ink);isolation:auto;border-radius:0;overflow:visible}
.outcome-panel.dimension-sticky{position:relative;top:auto;height:auto;min-height:455px;max-height:none;display:grid;grid-template-columns:.78fr 1.22fr;padding:45px;border-radius:22px;background:#eaf0df;transform:none;will-change:auto;color:var(--ink)}
@media(max-width:1100px){.outcome-panel.dimension-sticky{padding:30px;grid-template-columns:.8fr 1.2fr}}
@media(max-width:760px){.outcome-panel.dimension-sticky{display:flex;flex-direction:column;padding:25px;min-height:0;height:auto;max-height:none;border-radius:18px}.bird-fallback svg{height:100%;width:100%}}
.motion-off header,.motion-off .hero-copy{pointer-events:auto}

/* Text takes over the visual space as the letter becomes a carried mark. */
:root{--hero-copy-scale:.88}.hero h1{font-size:clamp(56px,calc(5.45vw * var(--hero-copy-scale)),100px)}.hero h1 .hero-last{width:fit-content;padding-bottom:.08em;background:linear-gradient(#c4f566,#c4f566) 0 100% / 100% 6px no-repeat}.hero-description{min-height:51px}.hero-scope{margin-top:19px}
.hero>.opening-scroll-cue{position:fixed;right:var(--pad);bottom:27px;z-index:6;display:flex;align-items:center;gap:18px;text-align:right;font-size:9px;line-height:1.65;letter-spacing:.02em;color:#607448;background:transparent;opacity:calc(1 - var(--intro-reveal));transition:opacity .15s linear}
.opening-scroll-cue i{display:grid;place-items:center;font-style:normal;width:43px;height:43px;border:1px solid #c9d8b5;border-radius:50%;font-size:18px}.opening-scroll-cue:focus-visible{opacity:1}.motion-off .opening-scroll-cue,.graphics-fallback .opening-scroll-cue{display:none}
@media(max-width:760px){.hero h1{font-size:clamp(36px,calc(10.1vw * var(--hero-copy-scale)),51px)}.hero h1 .hero-last{background-size:100% 4px}.hero>.opening-scroll-cue{right:22px;bottom:22px;font-size:8px;gap:12px}.opening-scroll-cue i{width:38px;height:38px;font-size:17px}.hero-description{min-height:41px}}
@media(prefers-reduced-motion:reduce){.opening-scroll-cue{display:none}}

.opening-scroll-cue[hidden]{display:none!important}
.hero-capability-stack{position:absolute;inset:20% 10% 20% 15%;display:flex;flex-direction:column;gap:13px;justify-content:center;opacity:var(--handoff-progress,0);transform:translateY(calc((1 - var(--handoff-progress,0))*25px));pointer-events:none}
.hero-capability-stack>div{display:flex;align-items:center;gap:23px;background:#eaf0df;border:1px solid #d3dfc3;border-radius:13px;padding:22px 25px;box-shadow:0 7px 15px #37561e04}.hero-capability-stack span{font:500 22px/1.1 Space,Arial,sans-serif;letter-spacing:-.04em}.hero-capability-stack small{display:block;font:400 9px/1.5 DM,Arial,sans-serif;color:#7a8c68;letter-spacing:0;margin-top:7px}.hero-capability-stack strong{font:400 20px/1 DM,Arial,sans-serif;margin-left:auto;color:#628144}.hero-capability-stack i{height:34px;width:40px;display:block;position:relative;border:1px solid #93ac79;border-radius:5px;background:#d5e9b8}
.scope-browser{display:flex!important;align-items:center;justify-content:center;gap:3px;padding:8px 6px}.scope-browser:before{content:"";position:absolute;left:3px;right:3px;top:6px;height:1px;background:#87a769}.scope-browser b{width:6px;height:8px;background:#96b771;border-radius:1px}.hero-capability-stack i.scope-phone{height:39px;width:24px;margin-inline:8px;border-radius:7px;border-width:2px}.scope-phone b{position:absolute;inset:7px 3px 4px;background:#aaca86;border-radius:3px}.scope-workflow{display:flex!important;align-items:center;justify-content:center;gap:3px}.scope-workflow b{height:15px;width:7px;border-radius:2px;background:#a9c88c}
@media(max-width:760px){.hero-capability-stack{inset:2% 5%;gap:9px}.hero-capability-stack>div{padding:14px 19px;gap:20px}.hero-capability-stack span{font-size:18px}.hero-capability-stack small{font-size:8px;margin-top:5px}.hero-capability-stack i{width:35px;height:29px}.hero-capability-stack i.scope-phone{width:23px;height:33px;margin-inline:6px}.hero-capability-stack strong{font-size:18px}}
.motion-off .hero-capability-stack,.graphics-fallback .hero-capability-stack{display:none}
@media(prefers-reduced-motion:reduce){.hero-capability-stack{display:none}}

@media(max-width:760px){.hero>.opening-scroll-cue{font-size:10px}}

/* Pin only the opening; release native scrolling at the completed pickup. */
body.intro-lock{overflow:hidden;overscroll-behavior:none}
.hero{min-height:calc(100svh - 96px)}.hero-sticky{position:relative;top:0;min-height:calc(100svh - 96px)}.intro-lock .hero>.pickup-anchor{top:0}
.ecosystem-copy{background:#e0eacf;border-color:#b2c69a}.flow-panel{background:#d3e4dc;border-color:#9abfb0}.flow-summary.flow-project-panel{background:#d9e8e0}.project-tile{background:#e5ecd9;border-color:#b9cca7}.project-card-info{background:#e0e8d2;border-color:#b5c89f}.project-card-info h3{color:#24351a}.project-card-info span{color:#506342}.mementia-tile{background:#dce5ee;border-color:#aabdd0}.mementia-tile .project-card-info{background:#d5e0e9}.mementia-tile .project-card-info span{color:#496372}.project-art .project-card-info{transition:background .3s ease}.project-art:hover .project-card-info{background:#cfe0b7}.mementia-tile .project-art:hover .project-card-info{background:#c5d9e7}
.services .service-item{background:#26351d;border-color:#53683c}.brand-note{border-color:#53683c;background:#22321a!important}.outcome-panel.dimension-sticky{background:#dceabf;border-color:#afc586}.outcome-copy p{color:#4f633b}.outcome-copy .diagram-label{color:#4e6b36}.outcome-tabs{background:#e3eccf;border-color:#b5c998}.process-step{background:#e1ebd3;border-color:#b3c793}.brief-infographic,.design-infographic{background:#f8fbef;border-color:#b9cda1}.launch-infographic{background:#cfe1ad;border-color:#a7c286}.faq{background:#e0e8d3;border:1px solid #b8cba3}.quote-guide{background:#cfe2b0;border-color:#aac68b}.quote-guide .diagram-label{color:#4d6b34}.quote-guide>div>span{border-color:#aac38d}.contact{background:#d1e79f;color:#183015}.contact-bottom{background:transparent}.contact h2 em{color:#557537}.contact-route{color:#55743a}
@media(max-width:760px){.hero,.hero-sticky{min-height:calc(100svh - 78px)}.intro-lock .hero-actions,.intro-lock .hero-scope{display:none}.intro-lock .hero-copy{padding-top:21px;padding-bottom:0}.intro-lock .hero h1{font-size:clamp(34px,calc(9.4vw * var(--hero-copy-scale)),44px)}.intro-lock .hero-description{font-size:12px;max-width:300px;line-height:1.65;margin-top:16px}.intro-lock .hero-bottom{display:none}.hero-art{height:265px}.intro-lock .hero-art{height:360px}.outcome-panel.dimension-sticky{background:#dceabf}.process-step{background:#e1ebd3}.opening-scroll-cue i{background:#edf3e3}}
@media(prefers-reduced-motion:reduce){body.intro-lock{overflow:auto;overscroll-behavior:auto}.hero,.hero-sticky{min-height:0}}

/* Pilot: the services are individual raised surfaces above the bird's path. */
#service-details{background:transparent;isolation:auto;z-index:auto}
#service-details:before{content:"";position:absolute;inset:0;z-index:0;background:#13190f;border:1px solid #344229;border-radius:inherit;pointer-events:none}
#service-details .service-list{background:transparent;gap:28px}
#service-details .service-item,#service-details .brand-note{--bird-depth:0;position:relative;z-index:3;background:linear-gradient(145deg,#29391f,#202e18)!important;border-color:rgb(152 179 116 / calc(.3 + var(--bird-depth)*.4));box-shadow:inset 0 1px 0 rgb(197 222 165 / calc(.05 + var(--bird-depth)*.13)),0 calc(5px + var(--bird-depth)*18px) calc(14px + var(--bird-depth)*24px) rgb(0 0 0 / calc(.2 + var(--bird-depth)*.27));will-change:translate}
#service-details .service-item .open-icon,#service-details .brand-note .open-icon{background:#ffffff04;border-color:#6c8259;color:#e1efcf}
#service-details .brand-note{margin-top:28px}
#service-details .brand-note summary{font:500 clamp(22px,2.1vw,29px)/1.2 Space,Arial,sans-serif;letter-spacing:-.04em;padding:27px 0;gap:24px}
#service-details .brand-note .detail-copy{padding-bottom:26px;font-size:14px;line-height:1.75}
#service-details .brand-note .detail-copy>a{display:inline-flex;gap:20px;margin-top:20px;font-size:13px;padding-bottom:5px;border-bottom:1px solid #698452}
@media(max-width:760px){#service-details .service-list{gap:18px}#service-details .brand-note{margin-top:18px}#service-details .brand-note summary{font-size:23px;padding:24px 0}#service-details .brand-note .detail-copy{font-size:13px;padding-bottom:22px}#service-details .brand-note .detail-copy>a{font-size:12px}#service-details .service-item,#service-details .brand-note{translate:0 calc(var(--bird-depth)*-6px)}}
@media(prefers-reduced-motion:reduce){#service-details .service-item,#service-details .brand-note{translate:none;will-change:auto}}
.motion-off #service-details .service-item,.motion-off #service-details .brand-note{translate:none;will-change:auto}