/* Services lead the page. The work has its own destination. */
.header .menu{display:flex;width:30px;height:30px;padding:4px 0;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:none;border:0;margin-left:5px}
.header .menu span{height:1px;width:24px;background:#24331b;transition:transform .24s}
.header .menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
.header .menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.header #nav{display:none;position:absolute;top:76px;right:0;left:auto;width:290px;background:#eff2e5;border:1px solid #bacaa4;border-radius:16px;padding:14px;box-shadow:0 20px 45px #15200e22;z-index:10}
.header #nav.is-open{display:flex;flex-direction:column;gap:0;align-items:stretch}
.header #nav a{font-size:15px;line-height:1.6;padding:12px;border-radius:8px;color:#23331a}
.header #nav a:hover,.header #nav a[aria-current=page]{background:#d7e6bd}.header.menu-open{opacity:1!important}
.header .nav-cta{margin-left:auto}
.quality-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:32px}
.build-quality{padding-block:50px}.build-quality>h2,.technology h2{font-size:clamp(40px,4.5vw,66px);line-height:1.08;letter-spacing:-.055em;margin-top:28px}
.quality-tile,.technology-tile{position:relative;z-index:2;min-width:0;background:#e6edda;border:1px solid #b8c9a3;border-radius:18px;padding:24px}
.quality-tile summary,.technology-tile summary{cursor:pointer;list-style:none;position:relative;padding-right:36px;min-width:0}
.quality-tile summary::-webkit-details-marker,.technology-tile summary::-webkit-details-marker{display:none}
.quality-icon{display:grid;place-items:center;height:40px;width:40px;border:1px solid #a8bc8c;border-radius:11px;background:#d1e7ae;font-size:24px;color:#3b542a;margin-bottom:28px}
.quality-tile h3{font-size:29px;line-height:1.15;letter-spacing:-.04em;font-weight:500}
.quality-tile .open-icon{position:absolute;right:0;top:0;width:28px;height:28px;line-height:1;display:grid;place-items:center}
.quality-tile p,.technology-tile p{font-size:13px;line-height:1.8;margin-top:20px;color:#536646}
.quality-chips,.tech-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.quality-chips span,.tech-chips span{font-size:10px;border:1px solid #b3c39e;border-radius:24px;padding:6px 9px;color:#405732;line-height:1.4}
.scope-caption{font-size:11px;line-height:1.8;max-width:850px;margin-top:22px;color:#5b6a4f}
.technology{position:relative;padding-block:45px 60px}
.technology-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:30px}.technology-heading p{font-size:13px;color:#5e6e51;line-height:1.8;max-width:275px;margin-bottom:6px}
.technology-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.technology-tile{background:#26351e;border-color:#536b3c;color:#f3f6e9;padding:25px;min-height:170px}
.technology-tile summary>span{display:block;font-size:9px;letter-spacing:.08em;color:#b6ce98;margin-bottom:27px}
.technology-tile h3{font-size:27px;line-height:1.15;letter-spacing:-.04em;font-weight:500;max-width:250px}
.technology-tile .open-icon{position:absolute;top:0;right:0;color:#c4f566;border-color:#7e985d;width:28px;height:28px;display:grid;place-items:center}
.technology-tile p{color:#c1d1b0}.technology-tile .tech-chips span{border-color:#607b44;color:#d9e9c5}
.quality-tile summary:focus-visible,.technology-tile summary:focus-visible{outline:2px solid #8bb844;outline-offset:8px;border-radius:5px}
.quality-tile[open] .open-icon,.technology-tile[open] .open-icon{transform:rotate(45deg)}
.clients{margin-block:16px 28px;border-top:1px solid #c8d4b9;border-bottom:1px solid #c8d4b9}
.work-page .header{position:sticky;top:0;inset-inline:auto;padding:16px var(--pad);height:88px;opacity:1;transform:none;background:#f4f4ec;border-bottom:1px solid #d0d9c2;z-index:15}
.work-page .header #nav{right:var(--pad)}.work-page .clients{margin-top:0;margin-bottom:0}
.work-page .work-intro{padding-top:55px}.work-page .work-intro h1{font-size:clamp(45px,6vw,84px);line-height:1.08;letter-spacing:-.065em;margin:25px 0 12px;max-width:820px}
.work-page .work-intro h1 em{font-style:normal;color:#6e8554}
.work-case-links{padding-block:25px 60px}.work-case-links>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.work-case-links a{padding:26px;min-width:0;border:1px solid #b8cba2;background:#e3ecd8;border-radius:16px;transition:background .2s,transform .25s}
.work-case-links a>span{font-size:9px;letter-spacing:.04em;color:#617750}.work-case-links h2{font-size:26px;line-height:1.2;letter-spacing:-.04em;margin:22px 0}.work-case-links b{font-size:11px;font-weight:400}.work-case-links a:hover{background:#d7e6bd;transform:translateY(-3px)}
.work-page .dialog-credit{display:flex;flex-direction:column;gap:18px}.work-page #dialog-case-link{font-size:13px;border-bottom:1px solid #bdcea7;padding-bottom:15px}
@media(max-width:1000px) and (min-width:761px){.technology-grid,.work-case-links>div{grid-template-columns:repeat(2,minmax(0,1fr))}.quality-tile{padding:20px}.quality-tile h3{font-size:25px}}
@media(max-width:760px){
 .header #nav{top:68px;left:0;right:0;width:auto;padding:12px;border-radius:14px}.header #nav a{font-size:15px;padding:13px 12px}.header .logo{font-size:24px}.header .nav-cta{font-size:10px;gap:10px}
 .opening-story.hero{height:320svh}.opening-story .pickup-anchor{top:108svh}.opening-anchor{top:180svh}
 .opening-stage{--mobile-card:clamp(132px,20svh,160px);--mobile-grid-top:35svh}
 .opening-stage .opening-service{height:var(--mobile-card);width:calc(50% - 27px);max-width:none;padding:14px;border-radius:16px;transform:translate3d(0,var(--card-y),0);overflow:visible;will-change:transform,opacity}
 .opening-stage .opening-web,.opening-stage .opening-app{top:var(--mobile-grid-top);bottom:auto}
 .opening-stage .opening-crm,.opening-stage .opening-marketing{top:calc(var(--mobile-grid-top) + var(--mobile-card) + 12px);bottom:auto}
 .opening-stage .opening-web,.opening-stage .opening-crm{left:20px}.opening-stage .opening-app,.opening-stage .opening-marketing{right:20px}
 .opening-stage .opening-card-head{height:22px;margin-bottom:12px}.opening-stage .opening-service h2{font-size:21px;line-height:1.08;margin-bottom:8px;letter-spacing:-.045em}
 .opening-stage .opening-service p{display:none}.opening-stage .opening-service strong{font-size:11px;line-height:1.4;flex-wrap:wrap;row-gap:2px;margin-top:auto}.opening-stage .opening-service strong>span{font-size:9px}
 .opening-stage .opening-brand{top:calc(var(--mobile-grid-top) + var(--mobile-card)*2 + 24px);left:50%;font-size:12px;padding:10px 16px;white-space:nowrap;max-width:calc(100% - 40px)}
 .opening-stage .opening-bottom{bottom:30px;left:22px;right:auto;font-size:11px;gap:0}.opening-bottom p{display:none}.opening-bottom>a{font-size:11px;gap:18px}
 .opening-stage .opening-track{bottom:31px;left:62%;width:50px}.opening-scroll-cue{bottom:84px!important}
 .quality-grid,.technology-grid,.work-case-links>div{grid-template-columns:1fr;gap:14px}.build-quality,.technology{padding-block:35px}.build-quality>h2,.technology h2{font-size:40px;margin-top:22px}.quality-grid{margin-top:25px}
 .quality-tile{padding:22px}.quality-tile h3{font-size:29px}.quality-icon{margin-bottom:23px}.quality-tile p,.technology-tile p{font-size:13px}.scope-caption{font-size:11px;margin-top:20px}
 .technology-heading{display:block;margin-bottom:24px}.technology-heading p{margin-top:20px;max-width:310px;font-size:12px}.technology-tile{padding:22px;min-height:145px}.technology-tile summary>span{margin-bottom:22px}.technology-tile h3{font-size:28px;max-width:260px}
 .work-page .header{height:78px;padding:15px 22px}.work-page .header #nav{left:22px;right:22px;top:67px}.work-page .work-intro h1{font-size:46px;margin-top:24px}.work-page .work-intro{padding-top:35px}.work-case-links{padding-block:10px 38px}.work-case-links a{padding:24px}.work-case-links h2{font-size:29px}.clients{margin-block:10px 18px}
 .motion-off .opening-stage,.graphics-fallback .opening-stage{min-height:800px;height:100svh}.motion-off .opening-story,.graphics-fallback .opening-story{height:auto}.motion-off .opening-brand,.graphics-fallback .opening-brand{transform:translateX(-50%)}
}
@media(max-width:365px){.opening-stage .opening-service{padding:12px}.opening-stage .opening-service h2{font-size:19px}.opening-stage .opening-service strong{font-size:10px}.opening-stage .opening-service strong>span{font-size:8px}.header .logo{font-size:21px}.header .nav-cta{padding:8px 10px;font-size:9px}}
@media(max-width:760px) and (max-height:620px){.opening-stage{--mobile-grid-top:30svh;--mobile-card:132px}.opening-stage .opening-service{padding:11px}.opening-stage .opening-service h2{font-size:18px}.opening-stage .opening-card-head{margin-bottom:8px}.opening-stage .opening-brand{font-size:11px;padding:8px 15px}.opening-stage .opening-bottom{bottom:25px}}
@media(prefers-reduced-motion:reduce){.work-case-links a{transition:none}.work-case-links a:hover{transform:none}.opening-story{height:auto!important}.opening-stage{min-height:800px!important;position:relative!important}.opening-brand{transform:translateX(-50%)!important}}

.header{gap:12px}.header .nav-cta{white-space:nowrap;flex-shrink:0;gap:10px;line-height:1.2}.header .logo{white-space:nowrap}.header .menu{flex-shrink:0}
@media(max-width:365px){.header .nav-cta{display:none}.header .menu{margin-left:auto}}
@media(max-width:760px){.motion-off .opening-story .hero-art,.graphics-fallback .opening-story .hero-art{top:20%;height:110px;width:110px}}

.bird-experience>.header{position:fixed;inset:0 var(--pad) auto;height:88px;margin:0;z-index:12;border:0;background:transparent}
.has-left-intro>.header{background:#f4f4ec;border-bottom:1px solid #c4d1b5;box-shadow:0 1px 0 #f4f4ec;outline:14px solid #f4f4ec}
@media(max-width:760px){html{scroll-padding-top:90px}.bird-experience>.header{inset-inline:22px;height:78px}.has-left-intro>.header{outline-width:12px}}