@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600&family=Manrope:wght@400;500;600&display=swap');
:root{--paper:#f6f4ed;--ink:#233e35;--muted:#647269;--line:#d4d7cd;--sand:#e8e6dc;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #9c7740;outline-offset:5px}img{max-width:100%;display:block}button{cursor:pointer}::selection{background:#d7dbc8}.skip{position:fixed;top:-60px;left:20px;background:var(--paper);padding:15px;z-index:100}.skip:focus{top:10px}.header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--paper)}.brand{display:flex;align-items:center;gap:16px}.wordmark{font-family:'Manrope',sans-serif;font-size:32px;letter-spacing:-2px;font-weight:500}.brand-dot{width:10px;height:10px;background:var(--ink);border-radius:50%;align-self:flex-end;margin-bottom:9px}.brand-label{border-left:1px solid var(--line);padding-left:16px;font-size:9px;letter-spacing:1.7px;line-height:1.7;text-transform:uppercase}.navigation{display:flex;align-items:center;gap:34px;font-size:12px}.navigation a{padding:8px 0;position:relative}.navigation a.active:after{content:'';position:absolute;height:1px;background:var(--ink);bottom:1px;left:0;right:0}.navigation .nav-contact{border:1px solid var(--ink);padding:13px 20px;display:flex;gap:25px;align-items:center}.navigation .nav-contact:hover{background:var(--ink);color:var(--paper)}.menu-toggle{display:none}.eyebrow{font-size:10px;letter-spacing:2.1px;text-transform:uppercase;font-weight:500;display:flex;align-items:center;gap:10px}.eyebrow:before{content:'';height:5px;width:5px;border-radius:50%;background:currentColor}.hero{padding:66px 5% 0}.hero-top{display:flex;justify-content:space-between;align-items:center}.place{font-size:10px;letter-spacing:1.9px;text-transform:uppercase;color:var(--muted)}.hero-copy{display:grid;grid-template-columns:1.7fr 1fr;gap:8%;align-items:end;padding:27px 0 47px}h1,h2,h3,p{margin:0}h1{font-family:var(--serif);font-size:clamp(52px,6.2vw,94px);font-weight:400;line-height:1.04;letter-spacing:-3.5px}h1 em,h2 em{font-weight:400;color:#798677}p{line-height:1.8}.hero-summary{max-width:330px;padding-bottom:5px}.hero-summary p{font-size:14px;color:var(--muted);line-height:1.8}.text-link{font-size:12px;display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid;padding:0 0 10px;margin-top:25px}.arrow{font-size:20px;display:inline-block;transition:transform .25s}.text-link:hover .arrow{transform:translateX(5px)}.hero-image{height:470px;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center 54%}.image-caption{position:absolute;bottom:0;left:0;right:0;padding:26px 32px;background:linear-gradient(transparent,#10271e99);color:white;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.7px;text-transform:uppercase}.image-caption .round{border:1px solid #ffffff80;border-radius:50%;height:38px;width:38px;display:grid;place-items:center;font-size:18px}.hero-foot{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:19px 0;font-size:10px;letter-spacing:1.4px;text-transform:uppercase;color:var(--muted)}.section{padding:110px 5%}.intro{display:grid;grid-template-columns:1fr 2fr;gap:8%}.section-heading{font-family:var(--serif);font-size:clamp(38px,4.2vw,62px);font-weight:400;letter-spacing:-1.8px;line-height:1.15}.intro .section-heading{max-width:760px}.intro-body{display:grid;grid-template-columns:1fr 1fr;gap:38px;margin-top:35px;color:var(--muted);font-size:14px}.services{background:var(--sand)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.section-top .eyebrow{margin-bottom:22px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.service-card{border-top:1px solid #a8b3a6;padding-top:20px}.service-card .number{font-size:11px;letter-spacing:1px;display:flex;justify-content:space-between}.service-card h3{font-family:var(--serif);font-size:33px;font-weight:400;margin:45px 0 16px}.service-card p{color:var(--muted);font-size:13px;max-width:320px;min-height:72px}.service-card img{width:100%;height:245px;object-fit:cover;margin-top:28px;transition:transform .6s}.service-card .crop{overflow:hidden}.service-card:hover img{transform:scale(1.035)}.service-card .text-link{margin-top:24px}.approach{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.approach-image{position:relative}.approach-image img{height:580px;width:100%;object-fit:cover}.photo-note{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;margin-top:15px;color:var(--muted)}.approach-copy .eyebrow{margin-bottom:27px}.approach-copy>p{color:var(--muted);font-size:14px;margin-top:28px;max-width:400px}.steps-mini{margin-top:34px}.steps-mini div{border-top:1px solid var(--line);padding:16px 0;display:flex;gap:26px;font-size:14px}.steps-mini span{font-size:10px;color:var(--muted);padding-top:3px}.quote-band{background:var(--ink);color:var(--paper);padding:100px 12%;text-align:center}.quote-band h2{font:400 clamp(34px,4vw,58px)/1.2 var(--serif);letter-spacing:-1px;max-width:870px;margin:0 auto}.quote-band .eyebrow{justify-content:center;margin-bottom:25px}.quote-band p{font-size:12px;opacity:.7;margin-top:25px}.cta{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:85px 5%;border-bottom:1px solid var(--line)}.cta .eyebrow{margin-bottom:22px}.circle-link{border:1px solid var(--ink);height:85px;width:85px;border-radius:50%;display:grid;place-items:center;font-size:32px;flex-shrink:0;transition:background .25s,color .25s}.circle-link:hover{background:var(--ink);color:var(--paper)}.footer{padding:50px 5% 24px}.footer-top{display:grid;grid-template-columns:1.8fr 1fr 1fr;gap:50px;margin-bottom:65px}.footer .brand{margin-bottom:22px}.footer p{font-size:12px;color:var(--muted)}.footer-label{font-size:9px;letter-spacing:1.7px;text-transform:uppercase;margin-bottom:22px;color:var(--muted)}.footer-links{display:flex;flex-direction:column;align-items:start;gap:12px;font-size:12px}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:var(--muted);letter-spacing:.5px}.subhero{padding:70px 5% 65px}.subhero h1{margin-top:32px;max-width:960px}.subhero p{margin-top:28px;max-width:550px;color:var(--muted);font-size:15px}.wide-photo{padding:0 5%}.wide-photo img{width:100%;height:410px;object-fit:cover}.service-detail{display:grid;grid-template-columns:.6fr 1.4fr 1fr;gap:6%;padding:85px 5%;border-bottom:1px solid var(--line);scroll-margin-top:0}.service-detail:nth-child(even){background:var(--sand)}.service-detail h2{font:400 43px/1.2 var(--serif);letter-spacing:-1px}.service-detail h3{font:400 24px/1.4 var(--serif);margin-bottom:20px}.service-detail p{font-size:14px;color:var(--muted)}.service-detail ul{list-style:none;margin:0;padding:0}.service-detail li{padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.service-detail .eyebrow{margin-bottom:20px}.process-row{padding:65px 0;display:grid;grid-template-columns:.4fr 1fr 1.4fr;gap:6%;border-top:1px solid var(--line)}.process-row h2{font:400 42px var(--serif)}.process-row h3{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:20px}.process-row p{font-size:14px;color:var(--muted)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-layout img{width:100%;height:600px;object-fit:cover}.about-layout p{font-size:14px;color:var(--muted);margin-top:25px}.about-layout .eyebrow{margin-bottom:25px}.expertise{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.expertise span{border:1px solid var(--line);padding:10px 13px;font-size:11px}.contact-layout{padding:70px 5% 100px;display:grid;grid-template-columns:1fr 1fr;gap:11%}.contact-layout h1{font-size:clamp(55px,5vw,80px);margin:30px 0}.contact-layout p{font-size:14px;color:var(--muted);max-width:370px}.contact-details{margin:35px 0}.contact-details a{display:block;font-size:18px;margin-top:15px}.contact-layout img{height:260px;width:100%;object-fit:cover;margin-top:40px}.form{padding-top:35px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.field{display:flex;flex-direction:column;margin-bottom:28px}.field label{font-size:11px;margin-bottom:12px}.field input,.field textarea,.field select{border:0;border-bottom:1px solid #a8b3a6;border-radius:0;background:transparent;color:var(--ink);width:100%;padding:10px 0;outline-offset:3px;font-size:14px}.field textarea{resize:vertical;min-height:125px}.submit{background:var(--ink);color:var(--paper);border:1px solid var(--ink);padding:18px 25px;display:flex;justify-content:space-between;width:100%;font-size:12px}.submit:hover{background:#3d574a}.form-note{font-size:11px!important;margin-top:18px;line-height:1.7}#form-status{margin-top:15px;font-size:12px}.reveal-ready [data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .8s,transform .8s}.reveal-ready [data-reveal].visible{opacity:1;transform:none}
@media(min-width:1600px){.hero-image{height:600px}body{max-width:2000px;margin:auto}}@media(max-width:1000px){.brand-label{display:none}.navigation{gap:20px}.hero-copy{gap:4%;grid-template-columns:1.5fr 1fr}h1{letter-spacing:-2px}.hero-image{height:400px}.section{padding:80px 5%}.intro{grid-template-columns:.6fr 2fr;gap:5%}.service-card h3{font-size:28px}.service-card img{height:200px}.approach{gap:6%}.approach-image img{height:490px}.service-detail{grid-template-columns:.65fr 1.4fr;gap:8%}.service-detail ul{grid-column:2}.contact-layout{gap:7%}}@media(max-width:700px){.header{height:80px;padding:0 6%}.wordmark{font-size:29px}.menu-toggle{display:flex;align-items:center;gap:12px;border:0;background:none;color:var(--ink);font-size:11px;padding:12px 0}.menu-icon{width:23px;height:10px;border-top:1px solid;border-bottom:1px solid}.navigation{display:none;position:absolute;top:80px;left:0;right:0;background:var(--paper);padding:30px 6% 40px;border-bottom:1px solid var(--line);font:400 26px var(--serif);box-shadow:0 20px 30px #233e3510}.navigation.is-open{display:flex;align-items:start;flex-direction:column;gap:22px}.navigation .nav-contact{font:12px 'DM Sans',sans-serif;margin-top:10px}.hero{padding:40px 6% 0}.place{display:none}.hero-copy{display:block;padding:25px 0 35px}h1{font-size:57px;letter-spacing:-2.4px;line-height:1.07}.hero-summary{max-width:340px;margin-top:27px}.hero-summary p{font-size:13px}.hero-image{height:370px}.hero-image img{object-position:60% center}.image-caption{padding:20px;font-size:8px}.hero-foot{font-size:8px;letter-spacing:1px}.section{padding:65px 6%}.intro{display:block}.intro>.eyebrow{margin-bottom:25px}.section-heading{font-size:39px;letter-spacing:-1.2px}.intro-body{display:block;margin-top:25px}.intro-body p+p{margin-top:20px}.section-top{display:block}.section-top>.text-link{margin-top:22px}.service-grid{grid-template-columns:1fr;gap:40px}.service-card h3{font-size:33px;margin-top:25px}.service-card p{min-height:0;max-width:none}.service-card img{height:290px}.approach{display:flex;flex-direction:column-reverse;gap:45px}.approach-image{width:100%}.approach-image img{height:400px}.quote-band{padding:65px 7%}.quote-band h2{font-size:37px}.cta{padding:60px 6%;gap:20px}.cta .section-heading{font-size:35px}.circle-link{height:60px;width:60px;font-size:25px}.footer{padding:40px 6% 25px}.footer-top{grid-template-columns:1fr 1fr;gap:35px;margin-bottom:40px}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:12px}.subhero{padding:45px 6%}.subhero h1{font-size:53px;margin-top:25px}.wide-photo{padding:0 6%}.wide-photo img{height:290px}.service-detail{padding:55px 6%;display:block}.service-detail h2{font-size:38px;margin-bottom:25px}.service-detail ul{margin-top:30px}.process-row{display:block;padding:38px 0}.process-row h2{margin:15px 0 25px;font-size:37px}.about-layout{display:block}.about-layout img{height:380px;margin-top:40px}.contact-layout{display:block;padding:45px 6% 65px}.contact-layout h1{font-size:55px}.contact-layout img{height:240px}.form{padding-top:50px}.form-row{gap:18px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.reveal-ready [data-reveal]{opacity:1;transform:none}}
@font-face{font-family:Antic;src:url('/assets/antic-didone.woff2') format('woff2');font-display:swap}
:root{--paper:#eeede7;--ink:#293d33;--serif:Antic,Georgia,serif}body{max-width:none}h1,h2,h3{font-family:var(--serif);font-weight:400}h1 em,h2 em{font-style:normal;color:inherit}.header{position:absolute;top:0;left:0;width:100%;height:112px;background:transparent;border:0;justify-content:center;padding:0 5%}.brand-label{display:none}.wordmark{font-size:38px;letter-spacing:-2px}.brand-dot{background:#7f905a}.menu-toggle{display:flex;position:absolute;right:4%;top:35px;align-items:center;gap:15px;z-index:32;color:var(--ink);border:0;background:none;font-size:0;padding:10px}.menu-icon{width:43px;height:22px;border-top:1px solid;border-bottom:1px solid;position:relative}.menu-icon:after{content:'';position:absolute;left:0;right:0;top:9px;border-top:1px solid}.navigation{display:none;position:fixed;inset:0;z-index:30;background:#e7e8dc;padding:140px 12% 70px;flex-direction:column;align-items:start;justify-content:center;gap:22px;font:42px var(--serif);overflow:auto}.navigation.is-open{display:flex}.navigation .nav-contact{font:14px sans-serif;margin-top:20px}.menu-open{overflow:hidden}.menu-open .menu-toggle{position:fixed}.menu-toggle[aria-expanded=true] .menu-icon{border:0}.menu-toggle[aria-expanded=true] .menu-icon:before,.menu-toggle[aria-expanded=true] .menu-icon:after{content:'';position:absolute;top:10px;left:0;width:43px;border-top:1px solid;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon:after{transform:rotate(-45deg)}.oak-hero{height:100svh;min-height:620px;position:relative;overflow:hidden}.oak-hero video{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-wash{position:absolute;inset:0;background:linear-gradient(#eeede7b0,#eeede74d 60%,#eeede70a)}.oak-title{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;text-align:center;padding:0 5% 55px}.oak-title h1{font-size:clamp(46px,5.9vw,94px);line-height:1.04;letter-spacing:-2.5px}.scroll-line{position:absolute;bottom:10%;left:50%;height:100px;width:1px;background:var(--ink)}.scroll-line:after{content:'';position:absolute;bottom:0;left:-3px;width:6px;height:6px;border-bottom:1px solid;border-right:1px solid;transform:rotate(45deg)}.motion-toggle{position:absolute;bottom:25px;right:35px;border:0;background:#eeede7b0;padding:10px 15px;color:var(--ink);font-size:10px;letter-spacing:1px}.oak-intro{padding:125px 13% 110px;text-align:center}.oak-intro .eyebrow{justify-content:center;margin-bottom:35px}.eyebrow:before{display:none}.oak-intro h2{font-size:clamp(32px,3.2vw,51px);line-height:1.25}.oak-intro-copy{max-width:760px;margin:35px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:40px;text-align:left;font-size:14px}.oak-paths{display:grid;grid-template-columns:1fr 1fr}.oak-path{position:relative;min-height:500px;overflow:hidden;color:#fff}.oak-path:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#132b1f90)}.oak-path img{position:absolute;height:100%;width:100%;object-fit:cover;transition:transform .8s}.oak-path:hover img{transform:scale(1.035)}.oak-path>div{position:absolute;bottom:60px;left:12%;right:12%;z-index:1}.oak-path h2{font-size:43px;margin-bottom:28px}.oak-path span{display:flex;justify-content:space-between;text-transform:uppercase;font-size:11px;letter-spacing:2px;border-top:1px solid #ffffff70;padding-top:22px}.oak-path b{font-size:20px;font-weight:400}.oak-purpose{padding:135px 9%;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.oak-purpose h2{font-size:clamp(40px,4vw,65px);line-height:1.12;margin:35px 0}.oak-purpose p{font-size:14px;margin-top:20px}.oak-purpose-image{position:relative;padding-top:100px}.oak-purpose-image img{height:470px;object-fit:cover;width:100%}.image-word{position:absolute;left:-30px;top:-5px;font:75px/.95 var(--serif);color:#819262;z-index:1}.image-word i{font-style:normal}.oak-services{padding:90px 9% 110px;background:#e3e5d9}.oak-section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.oak-section-head h2{font-size:55px}.oak-service-list>a{display:flex;gap:45px;align-items:center;padding:36px 0;border-top:1px solid #a9b09d}.service-index{font-size:11px;align-self:start;margin-top:10px}.oak-service-list h3{font-size:34px;margin-bottom:10px}.oak-service-list p{font-size:13px;max-width:550px}.service-arrow{margin-left:auto;font-size:30px;transition:transform .3s}.oak-service-list a:hover .service-arrow{transform:translate(5px,-5px)}.cta{background:#d4d9c6;border:0}.footer{background:#293d33;color:var(--paper)}.footer .brand-dot{background:#b4bd93}.footer-bottom{border-color:#ffffff30}.subhero{padding-top:180px}.contact-layout{padding-top:180px}.about-layout{padding-top:25px}.subhero h1{font-family:var(--serif)}
@media(min-width:1600px){body{max-width:none}}
@media(max-width:700px){.header{height:95px}.wordmark{font-size:33px}.menu-toggle{right:6%;top:28px}.menu-icon{width:32px}.navigation{top:0;padding:110px 8% 50px;font-size:34px;gap:20px}.oak-hero{min-height:580px}.oak-title{padding-bottom:45px}.oak-title h1{font-size:46px;letter-spacing:-1.5px;line-height:1.13}.scroll-line{height:75px;bottom:14%}.motion-toggle{right:20px;font-size:9px}.oak-intro{padding:75px 7%}.oak-intro h2{font-size:32px}.oak-intro-copy{display:block}.oak-intro-copy p+p{margin-top:20px}.oak-paths{grid-template-columns:1fr}.oak-path{min-height:380px}.oak-path>div{bottom:35px;left:7%;right:7%}.oak-path h2{font-size:36px}.oak-purpose{padding:75px 7%;display:block}.oak-purpose h2{font-size:43px}.oak-purpose-image{margin-top:55px;padding-top:70px}.image-word{font-size:65px;left:0}.oak-purpose-image img{height:340px}.oak-services{padding:65px 7%}.oak-section-head{display:block}.oak-section-head h2{font-size:40px;margin-bottom:20px}.oak-service-list>a{gap:20px}.oak-service-list h3{font-size:29px}.oak-service-list p{font-size:12px}.subhero,.contact-layout{padding-top:135px}.brand-label{display:none}}
@media(prefers-reduced-motion:reduce){.oak-path img{transition:none}}
/* Thicker navigation toggle strokes. */
.menu-icon{border-top-width:2px;border-bottom-width:2px}
.menu-icon:after{border-top-width:2px}
.menu-toggle[aria-expanded=true] .menu-icon:before,
.menu-toggle[aria-expanded=true] .menu-icon:after{border-top-width:2px}/* Three equal 2px strokes with 8px clear space between each. */
.menu-toggle[aria-expanded=false] .menu-icon{height:22px;border:0;background:linear-gradient(currentColor,currentColor) top/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) bottom/100% 2px no-repeat}
.menu-toggle[aria-expanded=false] .menu-icon:after{content:none}
/* Reference-inspired pill control. */
.motion-toggle{display:flex;align-items:center;gap:0;padding:0;border:0;border-radius:50px;background:var(--ink);color:var(--paper);height:64px;font-size:initial;letter-spacing:0;overflow:visible}
.motion-label{font-family:Impact,'Arial Narrow',sans-serif;font-stretch:condensed;font-size:35px;line-height:1;letter-spacing:-1px;padding:0 19px 0 23px}
.motion-circle{width:64px;height:64px;display:grid;place-items:center;border:5px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:0 0 0 3px var(--paper);margin-left:0}
.motion-symbol.is-pause{width:18px;height:23px;border-left:7px solid #7f905a;border-right:7px solid #7f905a}
.motion-symbol.is-play{width:0;height:0;border-top:12px solid transparent;border-bottom:12px solid transparent;border-left:18px solid #7f905a;margin-left:4px}
.motion-toggle:hover{filter:brightness(1.08)}
@media(max-width:700px){.motion-toggle{height:50px}.motion-label{font-size:27px;padding:0 15px 0 18px}.motion-circle{height:50px;width:50px;border-width:4px}.motion-symbol.is-pause{height:19px;width:16px;border-left-width:6px;border-right-width:6px}}
/* Compact transparent motion control: 30% of the reference size. */
.motion-toggle{height:19.2px;background:transparent;gap:0;filter:none}
.motion-label{height:19.2px;display:flex;align-items:center;position:relative;padding:0 8px 0 7px;font-size:10.5px;letter-spacing:-.3px;color:var(--paper);background:var(--ink);border-radius:20px 0 0 20px;margin-right:-3px}
.motion-circle{position:relative;width:19.2px;height:19.2px;flex:0 0 19.2px;border:1.5px solid var(--ink);background:transparent;box-shadow:none;margin-left:0}
.motion-symbol.is-pause{width:5.4px;height:6.9px;border-left:2.1px solid #7f905a;border-right:2.1px solid #7f905a}
.motion-symbol.is-play{border-top:3.6px solid transparent;border-bottom:3.6px solid transparent;border-left:5.4px solid #7f905a;margin-left:1.2px}
.motion-toggle .motion-label{color:transparent;background:var(--ink);background-clip:border-box}
.motion-toggle{isolation:isolate}
.motion-label{color:var(--paper)!important}
.motion-toggle .motion-label{width:46.5px;height:19.2px;padding:0;background:transparent;color:var(--ink)!important;border-radius:0;margin-right:-3px}
.motion-label svg{display:block;width:100%;height:100%;overflow:visible}
/* Enlarge the compact control by 20% and swap its greens. */
.motion-toggle{transform:scale(1.2);transform-origin:bottom right}
.motion-toggle .motion-label{color:#7f905a!important}
.motion-toggle .motion-circle{border-color:#7f905a}
.motion-toggle .motion-symbol.is-pause{border-left-color:var(--ink);border-right-color:var(--ink)}
.motion-toggle .motion-symbol.is-play{border-left-color:var(--ink)}
.motion-toggle .motion-symbol.is-pause{border-left-color:#7f905a;border-right-color:#7f905a}
.motion-toggle .motion-symbol.is-pause{width:8px;height:8px;border-left-width:2.7px;border-right-width:2.7px}
.motion-toggle .motion-symbol.is-pause{width:6.6px}
.motion-label svg text{letter-spacing:2px}
/* 2.5px before the button's 1.2 scale gives a visible 3px outline. */
.motion-toggle .motion-circle{border-width:2.5px}
/* Account for the button's 1.2 scale for a visible 4px outline. */
.motion-toggle .motion-circle{border-width:3.333333px}
/* Account for the button's 1.2 scale for a visible 2px outline. */
.motion-toggle .motion-circle{border-width:1.666667px}
.motion-toggle .motion-symbol.is-play{border-left-color:#7f905a}
/* Account for the button's 1.2 scale for a visible 2.5px outline. */
.motion-toggle .motion-circle{border-width:2.083333px}
/* Right-side navigation panel, clear of the centered Day One wordmark. */
.navigation{left:auto;right:0;width:calc(50% - 100px);min-width:300px;padding:115px 3.5% 55px;font-size:clamp(25px,2.6vw,38px);gap:24px;justify-content:center;box-shadow:-12px 0 35px #293d3310}
.navigation .nav-contact{font-size:12px}
@media(max-width:700px){.navigation{width:calc(50% - 75px);min-width:0;padding:100px 18px 35px;font-size:clamp(17px,3.4vw,24px);gap:22px}.navigation .nav-contact{font-size:10px;padding:10px;gap:10px}}
@media(min-width:701px){.navigation{width:310px;min-width:0;padding:115px 32px 55px;font-size:29px}}
/* Animated looping scroll arrow, drawn as a native vector. */
.oak-hero .scroll-line{width:125px;height:90px;left:50%;bottom:7%;transform:translateX(-50%) rotate(16deg);background:none;display:block}
.oak-hero .scroll-line:after{content:none}
.scroll-line svg{width:100%;height:100%;overflow:visible;stroke:var(--ink);stroke-width:7;stroke-linecap:round;stroke-linejoin:round}
.scroll-loop{stroke-dasharray:1;stroke-dashoffset:0;animation:draw-scroll 4.5s ease-in-out infinite}
.scroll-tip{animation:scroll-tip 4.5s ease-in-out infinite}
@keyframes draw-scroll{0%,8%{stroke-dashoffset:1;opacity:0}12%{opacity:1}58%,88%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
@keyframes scroll-tip{0%,48%{opacity:0;transform:translateY(-5px)}60%,88%{opacity:1;transform:translateY(0)}100%{opacity:0}}
@media(max-width:700px){.oak-hero .scroll-line{width:100px;height:75px;bottom:12%}}
@media(prefers-reduced-motion:reduce){.scroll-loop,.scroll-tip{animation:none;opacity:1;stroke-dashoffset:0}}
/* Mirrored curved arrow, turned downward. */
.oak-hero .scroll-line{width:82px;height:104px;transform:translateX(-50%);bottom:6%}
.scroll-line svg{stroke-width:7}
@media(max-width:700px){.oak-hero .scroll-line{width:66px;height:84px;bottom:11%}}
.oak-hero .scroll-line{transform:translateX(-50%) rotate(-30deg)}
.oak-hero .scroll-line{transform:translateX(-50%) rotate(-10deg);bottom:4%}
@media(max-width:700px){.oak-hero .scroll-line{bottom:9%}}
.oak-hero .scroll-line{transform:translateX(-50%) rotate(-30deg)}
.oak-hero .scroll-line{transform:translateX(-50%) rotate(-40deg)}
.oak-hero .scroll-line{bottom:2%}
@media(max-width:700px){.oak-hero .scroll-line{bottom:7%}}
.oak-hero .scroll-line{bottom:0}
@media(max-width:700px){.oak-hero .scroll-line{bottom:5%}}
.oak-hero .scroll-line{left:calc(50% + 20px)}
.oak-hero .scroll-line{left:50%}
.oak-intro > .eyebrow{font-size:12px}
/* White Oak's hover contraction and rotating cross transition. */
.menu-toggle .menu-icon,.menu-toggle[aria-expanded=false] .menu-icon,.menu-toggle[aria-expanded=true] .menu-icon{display:block;position:relative;height:22px;border:0;background:none;transition:transform .5s ease}
.menu-toggle .menu-icon:before,.menu-toggle .menu-icon:after,.menu-toggle[aria-expanded=false] .menu-icon:after,.menu-toggle[aria-expanded=true] .menu-icon:before,.menu-toggle[aria-expanded=true] .menu-icon:after{content:'';display:block;position:absolute;left:0;top:0;width:100%;height:2px;border:0;background:currentColor;border-radius:2px;transform:none;margin:0;transition:width .5s ease,left .5s ease,top .5s ease,transform .5s ease,background-color .25s ease}
.menu-toggle .menu-icon:after,.menu-toggle[aria-expanded=false] .menu-icon:after{top:20px}
.menu-middle{position:absolute;left:0;top:10px;width:100%;height:2px;background:currentColor;border-radius:2px;opacity:1;transition:all .5s ease}
@media(hover:hover){.menu-toggle[aria-expanded=false]:hover .menu-icon:before,.menu-toggle[aria-expanded=false]:hover .menu-icon:after{width:50%}.menu-toggle[aria-expanded=false]:hover .menu-icon:after{left:50%}}
.menu-toggle[aria-expanded=true] .menu-icon{transform:rotate(90deg)}
.menu-toggle[aria-expanded=true] .menu-middle{left:100%;width:0;opacity:0;transform:translate(-10px,-10px)}
.menu-toggle[aria-expanded=true] .menu-icon:before{top:10px;transform:rotate(-45deg)}
.menu-toggle[aria-expanded=true] .menu-icon:after{top:10px;transform:rotate(45deg)}
@media(prefers-reduced-motion:reduce){.menu-toggle .menu-icon,.menu-toggle .menu-icon:before,.menu-toggle .menu-icon:after,.menu-middle{transition:none}}
@media(min-width:701px){.navigation{width:350px}}
/* Reference menu hover: underline grows from left to right in 0.5s. */
.navigation>a{transition:color .25s ease}
.navigation>a:after,.navigation>a.active:after{content:'';position:absolute;left:0;right:auto;bottom:1px;height:1px;width:0;background:#7f905a;transition:width .5s ease}
.navigation>a:hover,.navigation>a:focus-visible{color:#7f905a}
.navigation>a:hover:after,.navigation>a:focus-visible:after,.navigation>a[aria-current=page]:after{width:100%}
.navigation>.nav-contact:hover{background:transparent;color:#7f905a}
@media(prefers-reduced-motion:reduce){.navigation>a,.navigation>a:after{transition:none}}
.oak-path span{font-size:12px}
.oak-path span b{display:inline-block;transition:transform .3s ease}
.oak-path:hover span b,.oak-path:focus-visible span b{transform:translate(4px,-4px)}
@media(prefers-reduced-motion:reduce){.oak-path span b{transition:none}.oak-path:hover span b,.oak-path:focus-visible span b{transform:none}}
.oak-purpose > div > .eyebrow{font-size:12px}
/* Support & expertise starts at 103.5%, then enlarges by another 3.5%. */
.oak-path[href="/services/"] img{transform:scale(1.035)}
.oak-path[href="/services/"]:hover img{transform:scale(1.071225)}
.oak-path[href="/services/"] img{transform:scale(1.05)}
.oak-path[href="/services/"]:hover img{transform:scale(1.08675)}
.oak-intro-copy > p:first-child{font-size:15px}
.oak-intro-copy > p:nth-child(2){font-size:15px}
.header > .brand{gap:10px}
.oak-purpose p,.oak-purpose .text-link{font-size:15px}
.oak-purpose .text-link > span{display:inline-block;transition:transform .3s ease}
.oak-purpose .text-link:hover > span,.oak-purpose .text-link:focus-visible > span{transform:translate(4px,-4px)}
@media(prefers-reduced-motion:reduce){.oak-purpose .text-link > span{transition:none}.oak-purpose .text-link:hover > span,.oak-purpose .text-link:focus-visible > span{transform:none}}
.oak-service-list > .oak-service-row{display:flex;gap:45px;align-items:center;padding:36px 0;border-top:1px solid #a9b09d}
.oak-service-row .service-arrow{display:inline-block;padding:10px;flex-shrink:0}
.oak-service-row .service-arrow:hover,.oak-service-row .service-arrow:focus-visible{transform:translate(5px,-5px)}
@media(max-width:700px){.oak-service-list > .oak-service-row{gap:20px}}
@media(prefers-reduced-motion:reduce){.oak-service-row .service-arrow:hover,.oak-service-row .service-arrow:focus-visible{transform:none}}
.oak-section-head > .eyebrow{font-size:12px}
.oak-service-list .service-index{font-size:12px}
.oak-service-list p{font-size:14px}
.oak-service-list p{font-size:15px;max-width:none}
.oak-service-row > div{flex:1;min-width:0}
@media(min-width:1100px){.oak-service-list > .oak-service-row{gap:30px}.oak-services{padding-left:7%;padding-right:7%}}
/* Keep the navigation toggle visible throughout the page. */
.menu-toggle{position:fixed}
.cta .eyebrow{font-size:12px}
/* Allow the closing section's label and heading to be selected and copied. */
.cta .eyebrow,.cta .section-heading,.cta .section-heading *{-webkit-user-select:text;user-select:text;cursor:text}
/* Use a distinct selection highlight against the pale green CTA background. */
.cta ::selection{background:#293d33;color:#eeede7}
.cta,.cta > div{pointer-events:auto;-webkit-user-select:text;user-select:text}
.cta ::selection{background:#d7dbc8;color:inherit}
.cta ::selection{background:#293d33;color:#eeede7}
.footer .brand{gap:10px}
/* Extend the Considered foundations image to the page's right edge. */
.oak-purpose-image{margin-right:calc(-9vw)}
@media(max-width:700px){.oak-purpose-image{margin-right:-7vw}}

.oak-purpose-image img{object-position:calc(50% + 20px) center}
.oak-purpose-image{margin-left:-10px}
.oak-purpose-image{margin-left:-5px}
.oak-purpose-image{margin-left:-7px}
.oak-purpose-image{margin-left:-5px}
.cta .section-heading{letter-spacing:-1px}
.cta .circle-link{transition:transform .3s ease}
.cta .circle-link:hover,.cta .circle-link:focus-visible{transform:translate(4px,-4px)}
@media(prefers-reduced-motion:reduce){.cta .circle-link{transition:none}.cta .circle-link:hover,.cta .circle-link:focus-visible{transform:none}}
.contact-layout > div > .eyebrow:first-child{font-size:12px}
.contact-layout > div > p{font-size:15px}
.contact-details > span{display:block;font-size:18px;margin-top:15px}
.contact-details > span{font-size:16px}
.contact-layout label[for="first"],.contact-layout label[for="last"],.contact-layout label[for="email"],.contact-layout label[for="interest"]{font-size:12px}
.contact-details > span{font-size:15px}
.contact-layout label[for="first"],.contact-layout label[for="last"],.contact-layout label[for="email"],.contact-layout label[for="interest"]{font-size:13px}
.contact-layout label[for="message"]{font-size:13px}
/* Prevent edge-to-edge imagery from creating a horizontal scrollbar. */
html,body{overflow-x:clip}
.oak-hero video{display:block}
@media(min-width:701px){.contact-layout{align-items:start}.contact-layout .form{padding-top:0;margin-top:0}}
.contact-layout .field label[for="first"],
.contact-layout .field label[for="last"],
.contact-layout .field label[for="email"],
.contact-layout .field label[for="interest"],
.contact-layout .field label[for="message"],
.contact-layout .field select{font-size:14px}
@media(min-width:701px){.contact-layout .form{padding-top:0;margin-top:44px}}
@media(min-width:701px){.contact-layout .form{margin-top:59px}}
.contact-layout img{height:280px}
@media(max-width:700px){.contact-layout img{height:260px}}
.contact-layout img{height:300px}
@media(max-width:700px){.contact-layout img{height:280px}}
.contact-layout img{height:340px}
@media(max-width:700px){.contact-layout img{height:320px}}
.contact-layout img{height:300px}
@media(max-width:700px){.contact-layout img{height:280px}}
/* Shift the contact page content and following footer upward by 20px. */
.contact-layout{padding-top:160px}
@media(max-width:700px){.contact-layout{padding-top:115px}}
.contact-layout{padding-top:140px}
@media(max-width:700px){.contact-layout{padding-top:95px}}
@media(min-width:701px){.contact-layout .form{margin-top:54px}}
.contact-layout > div > p{font-size:16px}
.contact-layout img{margin-top:20px}
.contact-layout > div > p{max-width:410px}
.contact-layout > div > p{max-width:500px}
.contact-layout > div > p{max-width:550px}
.contact-layout > div > p{max-width:600px}
.contact-layout > div > p{max-width:570px}
.contact-layout .field label[for],
.contact-layout .field input,
.contact-layout .field textarea,
.contact-layout .field select{font-size:15px}
.contact-layout .field label[for],
.contact-layout .field input,
.contact-layout .field textarea,
.contact-layout .field select{font-size:16px}
.contact-layout .field input:focus,
.contact-layout .field textarea:focus,
.contact-layout .field select:focus{outline:none;box-shadow:none}
/* Enquiry dropdown blends into the form. */
.contact-layout .field select{padding-left:0;background:transparent;color:var(--ink)}
.enquiry-dropdown{position:relative;font-size:16px}
.enquiry-trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px 0;border:0;border-bottom:1px solid #a8b3a6;border-radius:0;background:transparent;color:var(--ink);text-align:left;font:inherit}
.enquiry-trigger:focus{outline:none}
.enquiry-options{position:absolute;left:0;right:0;top:100%;z-index:10;margin:0;padding:5px 0;list-style:none;background:var(--paper);border:0;box-shadow:none}
.enquiry-options[hidden]{display:none}
.enquiry-option{display:block;width:100%;padding:10px 0;border:0;background:transparent;color:var(--ink);text-align:left;font:inherit;cursor:pointer}
.enquiry-option[aria-selected=true],.enquiry-option:hover,.enquiry-option:focus{background:#7f905a;color:var(--paper);outline:none}
/* Consistent size across the contact form and its custom enquiry picker. */
.contact-layout .field label[for],
.contact-layout .field input,
.contact-layout .field textarea,
.contact-layout .field select,
.contact-layout .enquiry-dropdown,
.contact-layout .enquiry-trigger,
.contact-layout .enquiry-trigger > span,
.contact-layout .enquiry-option{font-size:16px}
.contact-layout .submit{font-size:16px;align-items:center}
.contact-layout .submit .arrow{display:inline-block;transition:transform .3s ease}
.contact-layout .submit:hover .arrow,.contact-layout .submit:focus-visible .arrow{transform:translate(4px,-4px)}
@media(prefers-reduced-motion:reduce){.contact-layout .submit .arrow{transition:none}.contact-layout .submit:hover .arrow,.contact-layout .submit:focus-visible .arrow{transform:none}}
.contact-layout .submit{font-size:14px}
.contact-layout .submit{height:53px;min-height:53px;padding:0 25px}
@media(min-width:701px){
 .contact-layout{align-items:stretch}
 .contact-layout .form{position:relative;display:flex;flex-direction:column;align-self:stretch}
 .contact-layout .form > .field:has(textarea){flex:1}
 .contact-layout .form textarea{flex:1}
 .contact-layout .form .submit{margin-top:auto;flex-shrink:0}
 .contact-layout .form > .form-note{position:absolute;top:100%;left:0;right:0;max-width:none}
 .contact-layout .form > #form-status{position:absolute;top:calc(100% + 60px);left:0;right:0}
}
.contact-layout .submit{height:54px;min-height:54px}
.contact-layout .submit{height:55px;min-height:55px}
/* Keep the image and submit button on the same desktop bottom edge. */
@media(min-width:701px){
 .contact-layout > div:first-child{display:flex;flex-direction:column;align-self:stretch}
 .contact-layout > div:first-child > img{margin-top:auto;padding-top:0;flex-shrink:0}
 .contact-layout > div:first-child > p{margin-bottom:20px}
 .contact-layout .form{min-height:0}
}
.contact-layout .submit{font-size:16px}
.contact-layout .submit{font-size:14px}
.contact-layout{padding-top:150px}
@media(max-width:700px){.contact-layout{padding-top:105px}}
.oak-intro h2{font-size:36px}
.oak-intro h2{font-size:clamp(32px,3.2vw,51px)}
@media(max-width:700px){.oak-intro h2{font-size:32px}}
@media(min-width:701px){.oak-intro h2{font-size:clamp(36px,3.2vw,55px)}}
.oak-hero{border-bottom:2px solid #383838}
.oak-intro{padding-top:105px}
@media(max-width:700px){.oak-intro{padding-top:55px}}
.oak-intro{padding-top:125px}
@media(max-width:700px){.oak-intro{padding-top:75px}}
/* Move the introduction and the following image panels up together by 20px. */
.oak-intro{padding-top:105px}
@media(max-width:700px){.oak-intro{padding-top:55px}}
.oak-intro{padding-top:125px}
@media(max-width:700px){.oak-intro{padding-top:75px}}
.cta .connect-arrow{display:block;width:230px;flex-shrink:0;color:var(--ink);padding:15px 0}
.connect-arrow svg{display:block;width:100%;height:auto;overflow:visible;stroke:currentColor;stroke-width:10;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:700px){.cta .connect-arrow{width:105px}.connect-arrow svg{stroke-width:9}}
.cta .connect-arrow{transform:translateX(-20px)}
.cta .connect-arrow svg{stroke-width:8px}
.cta .connect-arrow{transform:translateX(-40px)}
.cta .connect-arrow{transform:translate(-60px,10px)}
.cta .connect-arrow{transform:translate(-100px,10px)}
@media(min-width:701px){.cta{height:300px;padding-top:0;padding-bottom:0}}
.cta .connect-arrow{width:23px;transform:translate(-100px,15px)}
@media(max-width:700px){.cta .connect-arrow{width:10.5px}}
.cta .connect-arrow{width:230px;transform:translate(-100px,10px)}
@media(max-width:700px){.cta .connect-arrow{width:105px}}
.cta .connect-arrow{width:207px;transform:translate(-100px,15px)}
@media(max-width:700px){.cta .connect-arrow{width:94.5px}}
.cta .connect-arrow{transform:translate(-110px,25px)}
.cta .connect-arrow{transform:translate(-130px,20px)}
.cta .connect-arrow{transform:translate(-130px,15px)}
/* Match the lower page content to the Considered foundations left alignment. */
@media(min-width:701px){
 .oak-services{padding-left:9%}
 .cta{padding-left:9%}
 .footer{padding-left:9%}
}
@media(min-width:701px){.oak-services{padding-right:9%}}
.footer-top > div:first-child > p{color:#b4bd93}
.footer .footer-label{color:#b4bd93}
.footer .footer-label{font-size:10px}
.footer-top > div:first-child > p{font-size:10px}
.footer-top > div:first-child > p{font-size:12px}
.footer-top > div:first-child > p{font-size:13px}
.footer-top{align-items:start}
.footer-top .wordmark,.footer-top .footer-label{line-height:1}
.footer-top .brand{margin-top:0}
.footer-top .footer-label{margin-top:0}
.footer-bottom{border-top-width:2px}
.footer-bottom{color:#b4bd93}
@media(min-width:701px){.footer{padding-right:9%}}
.footer-bottom{font-size:10px}
/* Services typography follows the homepage's hierarchy. */
.page-services main .eyebrow{font-size:12px}
.page-services .subhero h1{font-size:clamp(46px,5.9vw,94px);line-height:1.04;letter-spacing:-2.5px}
.page-services .intro .section-heading{font-size:clamp(36px,3.2vw,55px);line-height:1.25}
.page-services .intro-body,.page-services .service-detail p,.page-services .service-detail li,.page-services main .text-link{font-size:15px}
.page-services .service-detail h2{font-size:34px}
@media(max-width:700px){
 .page-services .subhero h1{font-size:46px;line-height:1.13;letter-spacing:-1.5px}
 .page-services .intro .section-heading{font-size:32px}
 .page-services .service-detail h2{font-size:29px}
}
/* About typography follows the homepage's hierarchy. */
.page-about main .eyebrow,.page-about main .photo-note{font-size:12px}
.page-about .subhero h1{font-size:clamp(46px,5.9vw,94px);line-height:1.04;letter-spacing:-2.5px}
.page-about main .section-heading{font-size:clamp(40px,4vw,65px);line-height:1.12}
.page-about .about-layout p,.page-about .intro-body,.page-about main .text-link,.page-about .expertise span{font-size:15px}
@media(max-width:700px){
 .page-about .subhero h1{font-size:46px;line-height:1.13;letter-spacing:-1.5px}
 .page-about main .section-heading{font-size:43px}
}
/* How We Work typography follows the homepage's hierarchy. */
.page-work main .eyebrow,.page-work .process-row h3{font-size:12px}
.page-work .subhero h1{font-size:clamp(46px,5.9vw,94px);line-height:1.04;letter-spacing:-2.5px}
.page-work .subhero p,.page-work .process-row p,.page-work main .text-link{font-size:15px}
.page-work .process-row h2{font-size:34px}
@media(max-width:700px){
 .page-work .subhero h1{font-size:46px;line-height:1.13;letter-spacing:-1.5px}
 .page-work .process-row h2{font-size:29px}
}
/* Mobile and tablet layout safeguards after the desktop refinements. */
main,section,.footer-top > div,.form,.field{min-width:0}
@media(max-width:1000px){
 .cta .connect-arrow{transform:none;width:140px}
 .footer-top{gap:30px}
}
@media(max-width:700px){
 .navigation{width:min(310px,85vw);padding:105px 26px 35px;font-size:28px;gap:20px}
 .navigation>a{min-height:44px;display:flex;align-items:center}
 .menu-toggle{min-width:44px;min-height:44px;justify-content:center}
 .oak-title h1{font-size:clamp(32px,8.7vw,46px);overflow-wrap:normal}
 .oak-intro{padding:75px 7%}
 .oak-path{min-height:360px}
 .oak-path h2{font-size:clamp(29px,8vw,36px)}
 .oak-purpose-image{margin-left:0;margin-right:-7vw}
 .oak-purpose-image img{object-position:center}
 .oak-service-list > .oak-service-row{gap:14px}
 .oak-service-row .service-arrow{min-width:44px;min-height:44px;text-align:center;padding:8px}
 .cta{height:auto;min-height:260px;flex-wrap:wrap;gap:20px;padding:45px 7%}
 .cta .connect-arrow{width:110px;transform:none;margin-left:auto}
 .cta .section-heading{font-size:clamp(32px,8vw,39px)}
 .footer{padding-left:7%;padding-right:7%}
 .footer-top{grid-template-columns:1fr;gap:30px}
 .footer-top>div:first-child{grid-column:auto}
 .footer-links a{padding:5px 0;overflow-wrap:anywhere}
 .footer-bottom{align-items:flex-start}
 .contact-layout{padding:120px 7% 65px;display:block}
 .contact-layout .form{display:block;margin-top:0;padding-top:40px}
 .contact-layout h1{font-size:clamp(36px,10vw,55px);letter-spacing:-1.5px}
 .contact-layout img{height:auto;aspect-ratio:1.75;object-fit:cover;margin-top:20px}
 .form-row{grid-template-columns:1fr;gap:0}
 .field input,.field textarea,.enquiry-trigger,.enquiry-option{min-height:44px}
 .enquiry-options{max-height:240px;overflow-y:auto}
 .contact-layout .form > #form-status{position:static}
 .subhero h1{overflow-wrap:normal}
 .page-services .subhero h1,.page-about .subhero h1,.page-work .subhero h1{font-size:clamp(34px,9vw,46px)}
 .page-about main .section-heading,.oak-purpose h2{font-size:clamp(33px,9vw,43px)}
 .expertise span{max-width:100%;overflow-wrap:anywhere}
}