@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#14202a;--night:#101922;--night2:#172630;--paper:#f2f4f0;--cream:#e7ebe6;--muted:#5e6b6e;--line:#c9d2cd;--lime:#d5f080;--aqua:#9bd1c9;--display:Manrope,Arial,sans-serif;--body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.65}button,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}em{font-style:normal;color:#718e69}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid #9fcc44;outline-offset:4px}.wrap{width:min(100% - 8vw,1320px);margin-inline:auto}.section-pad{padding:clamp(92px,11vw,170px) 0}.skip-link{position:fixed;z-index:99;left:16px;top:-70px;padding:10px 18px;background:var(--lime)}.skip-link:focus{top:16px}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:84px;display:flex;align-items:center;gap:clamp(20px,3vw,58px);padding:0 4vw;color:#f4f7f1;transition:background .3s,border-color .3s;border-bottom:1px solid transparent}.site-header.scrolled{background:rgba(16,25,34,.94);border-color:rgba(255,255,255,.11);backdrop-filter:blur(18px)}.wordmark{font-family:var(--display);font-size:19px;font-weight:800;letter-spacing:-.065em;white-space:nowrap;line-height:1}.wordmark span{font-weight:500;margin-left:5px}.wordmark i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:50%;margin:0 0 1px 3px}.desktop-nav{display:flex;gap:clamp(16px,2vw,34px);margin:auto;font-size:13px;font-weight:700;white-space:nowrap}.desktop-nav a{opacity:.78;transition:opacity .2s}.desktop-nav a:hover{opacity:1}.header-contact{display:flex;gap:22px;align-items:center;border:1px solid rgba(255,255,255,.3);border-radius:50px;padding:10px 18px;font-size:13px;font-weight:700;white-space:nowrap}.header-contact:hover{background:#fff;color:var(--night)}.menu-toggle,.mobile-nav{display:none}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:800;letter-spacing:.19em;line-height:1.3;margin:0 0 30px;color:#456866}.eyebrow.light{color:#a9c5bc}.eyebrow-line{width:31px;height:1px;background:currentColor}.eyebrow-dot{letter-spacing:0}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;border:0;border-radius:100px;padding:16px 22px 16px 27px;font-weight:800;font-size:14px;min-height:56px;transition:transform .25s,background .25s,color .25s}.button:hover{transform:translateY(-3px)}.button span{font-size:20px;font-weight:400;line-height:1}.button-lime{background:var(--lime);color:var(--night)}.button-lime:hover{background:#e4f9aa}.button-dark{background:var(--night);color:#fff}.button-dark:hover{background:#28404c}.text-link{font-weight:700;font-size:14px;display:inline-flex;gap:18px;align-items:center;border-bottom:1px solid currentColor;padding-bottom:7px}.light-link{color:#e5eee9}.inline-arrow{font-weight:800;display:inline-flex;gap:40px;border-bottom:1px solid var(--ink);padding-bottom:9px;margin-top:20px}.inline-arrow span{font-size:20px;font-weight:400}.hero{min-height:800px;min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(100deg,#101922,#1b2f36);color:#fff}.hero-grain{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 69% 38%,transparent 15%,rgba(7,15,20,.32) 66%),linear-gradient(90deg,rgba(9,17,23,.98) 0%,rgba(9,17,23,.90) 34%,rgba(9,17,23,.12) 75%);z-index:2}.hero-image{position:absolute;inset:0;background-image:url('james-hero.webp');background-size:auto 100%;background-position:76% center;background-repeat:no-repeat;opacity:.92;transform:scale(1.03);transition:transform .8s ease-out}.hero::before{content:'';position:absolute;width:44vw;height:44vw;border-radius:50%;background:#386c68;filter:blur(110px);opacity:.25;right:-8%;top:-15%}.hero-inner{position:relative;z-index:3;padding-top:100px;padding-bottom:95px;display:flex;align-items:end;justify-content:space-between}.hero-copy{max-width:730px;animation:intro .9s both}.hero h1,h2,h3{font-family:var(--display);letter-spacing:-.055em;line-height:1.08}.hero h1{font-size:clamp(52px,6.5vw,105px);font-weight:700;margin:0 0 34px;max-width:800px}.hero h1 em{color:var(--lime)}.hero-lead{max-width:565px;font-size:clamp(18px,1.45vw,22px);line-height:1.56;color:#d6e0dc;margin:0 0 34px}.hero-lead strong{color:#fff}.hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap}.hero-note{font-size:13px;color:#aabbb5;margin:30px 0 0}.hero-side-note{display:flex;flex-direction:column;align-items:flex-end;gap:18px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;font-weight:700;letter-spacing:.15em;opacity:.68}.scroll-cue{position:absolute;z-index:3;bottom:26px;right:4vw;display:flex;align-items:center;gap:16px;font-size:10px;letter-spacing:.18em;font-weight:700;color:#c3d3ca}.scroll-line{display:block;height:1px;width:60px;background:currentColor}@keyframes intro{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
h2{font-size:clamp(43px,5.2vw,78px);font-weight:700;margin:0 0 28px}h2 em{color:#658d7e}p{margin-top:0}.approach{background:#e9efea}.approach-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:clamp(50px,8vw,140px);align-items:center}.approach-visual{position:relative;aspect-ratio:4/5;max-height:680px;background:#283b3e;overflow:hidden}.scene-image{width:100%;height:100%;background-image:url('james-accompany.webp');background-size:cover;background-position:center 32%;transition:transform .7s}.approach-visual:hover .scene-image{transform:scale(1.035)}.image-index{position:absolute;left:24px;bottom:20px;padding:8px 12px;background:rgba(10,24,28,.72);color:white;font-size:11px;letter-spacing:.16em;font-weight:700}.approach-copy{max-width:570px}.approach-copy .large-copy,.about .large-copy{font-size:clamp(21px,2vw,28px);line-height:1.4;color:var(--ink);font-weight:600}.approach-copy p:not(.eyebrow),.about-copy p:not(.eyebrow){max-width:590px}.approach-copy>p:not(.eyebrow):not(.large-copy),.about-copy>p:not(.eyebrow):not(.large-copy){color:#4f6060}
.services{background:var(--paper)}.section-heading{max-width:900px;margin-bottom:70px}.section-heading>p:last-child{font-size:19px;color:var(--muted);max-width:620px}.service-list{border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:90px 1fr 56px;gap:22px;align-items:start;padding:39px 0 44px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.service-item:hover{padding-left:16px;background:rgba(213,240,128,.15)}.service-number{font-family:var(--display);font-size:14px;font-weight:800;color:#789088;padding-top:10px}.service-item h3{font-size:clamp(29px,3.2vw,46px);margin:0 0 10px}.service-item p{color:var(--muted);max-width:675px;margin:0 0 16px}.service-item>a{font-size:29px;display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--line);border-radius:50%;line-height:1}.service-item:hover>a{background:var(--ink);color:white;border-color:var(--ink)}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:#5d746b;border:1px solid #c5d3cb;border-radius:30px;padding:4px 10px}
.web-offer{background:#dce9df}.web-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9vw}.web-copy{padding-top:49px}.web-copy>p:first-child{font-size:21px;line-height:1.55}.web-copy ul{list-style:none;margin:34px 0;padding:0;border-top:1px solid #b4c8bc}.web-copy li{border-bottom:1px solid #b4c8bc;padding:13px 0;font-weight:700}.web-copy li::before{content:'↗';margin-right:15px;color:#4b8072}.fine-print{font-size:13px;color:#50665c;margin-bottom:26px}
.training{position:relative;background:#14222b;color:#fff;min-height:760px;overflow:hidden}.training-image{position:absolute;inset:0;background-image:url('james-training.webp');background-size:auto 110%;background-repeat:no-repeat;background-position:right 16%;opacity:.43}.training-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101d26 1%,rgba(16,29,38,.94) 45%,rgba(16,29,38,.42))}.training-content{position:relative}.training h2{max-width:850px}.training h2 em{color:var(--lime)}.training-lead{font-size:21px;max-width:550px;color:#cbd8d3}.training-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:950px;margin:75px 0 44px}.training-steps div{padding-top:20px;border-top:1px solid #92b5a7}.training-steps span{font-size:12px;letter-spacing:.15em;color:var(--lime)}.training-steps h3{font-size:24px;letter-spacing:-.035em;margin:18px 0 8px}.training-steps p{font-size:15px;color:#c7d4cf;max-width:245px}
.events{background:#f3f5f1}.row-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;max-width:none}.row-heading h2{margin-bottom:0}.period{color:#91ae54}.row-heading>p{max-width:320px;margin:0 0 7px!important}.event-feature{display:grid;grid-template-columns:160px 1fr 310px;min-height:400px;background:#e3ebe5;border:1px solid #cdd9d0;overflow:hidden}.event-date{display:flex;flex-direction:column;gap:0;padding:34px;border-right:1px solid #c5d4c9;font-family:var(--display)}.event-date strong{font-size:88px;line-height:1;letter-spacing:-.09em}.event-date span{font-size:14px;font-weight:800;letter-spacing:.13em;line-height:1.35;margin-top:12px}.event-details{padding:46px clamp(26px,4vw,70px);display:flex;flex-direction:column;align-items:start}.event-status{font-size:11px;font-weight:800;letter-spacing:.16em;color:#477b66;margin-bottom:auto}.event-details h3{font-size:clamp(31px,3vw,46px);margin:15px 0 8px;max-width:450px}.event-details p{margin:0;color:#52645e}.event-details p:last-child{margin-top:18px;max-width:420px}.event-poster{color:#e6efdf;background:radial-gradient(circle at 80% 20%,#386a64,#152d32 60%,#0d1d23);padding:29px;display:flex;flex-direction:column;justify-content:space-between;min-height:390px}.event-poster span{font-family:var(--display);font-size:17px;font-weight:800;letter-spacing:-.07em;line-height:1}.event-poster strong{font-family:var(--display);font-size:38px;letter-spacing:-.07em;line-height:1.08}.event-poster small{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--lime)}.event-note{font-size:13px;color:#64736a;margin:18px 0 0}
.build{background:#13222a;color:#f3f6f1}.build-intro{max-width:830px;margin-bottom:70px}.build-intro h2 em{color:var(--lime)}.build-intro>p:last-child{font-size:19px;color:#bdcbc4}.build-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.build-image{aspect-ratio:1.12;background:#29444a url('james-build.webp') center 34%/cover no-repeat;min-height:440px}.build-cases article{padding:24px 0;border-top:1px solid #4a6263}.build-cases article:last-child{border-bottom:1px solid #4a6263}.build-cases span{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--lime)}.build-cases h3{font-size:29px;margin:8px 0}.build-cases p{color:#bdcbc4;font-size:15px;max-width:430px;margin-bottom:0}
.projects{background:#eef2ec}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-card{background:#fff;border:1px solid #d7dfd6;min-height:345px;padding:30px;display:flex;flex-direction:column}.project-card>span{font-size:11px;letter-spacing:.14em;font-weight:800;color:#5e8274}.project-card h3{font-size:29px;line-height:1.18;margin:45px 0 16px}.project-card p{color:#61716a;font-size:15px}.project-flow{border-top:1px solid #d7dfd6;padding-top:17px;margin-top:auto;font-size:11px;letter-spacing:.07em;font-weight:800;color:#405e58}.project-flow span{color:#78a779;margin-inline:7px}
.about{background:#e5eee8}.about-grid{display:grid;grid-template-columns:.82fr 1fr;gap:10vw;align-items:center}.about-photo{max-height:690px;overflow:hidden;background:#223139}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 20%}.about-copy h2{margin-bottom:38px}.about-signature{font-family:var(--display);font-weight:700;font-size:24px;line-height:1.25;color:#31594d!important;margin-top:40px}
.contact{background:radial-gradient(circle at 85% 15%,#2d5352,#101d25 52%);color:#fff;text-align:center}.contact-inner{max-width:900px}.contact .eyebrow{justify-content:center}.contact h2{font-size:clamp(47px,5.8vw,86px)}.contact h2 em{color:var(--lime)}.contact-inner>p:not(.eyebrow):not(.contact-note){color:#cbdad4;font-size:19px;max-width:700px;margin:0 auto 40px}.contact form{text-align:left;max-width:720px;margin:auto}.contact label{display:block;font-weight:700;font-size:14px;margin-bottom:10px}.contact textarea{display:block;width:100%;min-height:160px;background:#eaf0e9;color:var(--ink);border:2px solid transparent;border-radius:5px;padding:20px;resize:vertical;line-height:1.5;margin-bottom:15px}.contact textarea:focus{outline:none;border-color:var(--lime)}.contact form .button{width:100%}.contact-note{font-size:12px;color:#9fb5aa;margin:16px 0 0}.footer{background:#0b151b;color:#eef4ee;padding:55px 0 22px}.footer-main{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-bottom:55px}.footer-main p{font-size:15px;color:#b2c3ba}.footer-main>a:last-child{border-bottom:1px solid #a9bbb1;font-weight:700;font-size:14px}.footer-bottom{border-top:1px solid #314146;padding-top:20px;display:flex;justify-content:space-between;gap:20px;color:#8ca098;font-size:12px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s,transform .75s}.reveal.in-view{opacity:1;transform:none}
@media(max-width:1100px){.desktop-nav{gap:14px}.desktop-nav a{font-size:12px}.hero h1{max-width:660px}.hero-image{background-position:85% center}.event-feature{grid-template-columns:130px 1fr 250px}.event-poster strong{font-size:31px}}
@media(max-width:800px){.wrap{width:min(100% - 40px,620px)}.site-header{height:68px;padding-inline:20px}.desktop-nav,.header-contact{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;background:transparent;border:0;margin-left:auto;width:45px;height:45px;padding:7px}.menu-toggle span{display:block;width:26px;height:2px;background:white;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:68px;left:0;right:0;background:#101922;flex-direction:column;padding:15px 20px 24px;border-top:1px solid #35464b;box-shadow:0 20px 30px #0004}.mobile-nav a{padding:12px 5px;border-bottom:1px solid #304047;font-size:16px}.hero{min-height:760px;align-items:end}.hero-image{background-size:auto 72%;background-position:70% top 4%;opacity:.75}.hero-grain{background:linear-gradient(0deg,#101922 5%,rgba(16,25,34,.92) 29%,rgba(16,25,34,.17) 78%)}.hero-inner{padding:300px 0 84px}.hero h1{font-size:clamp(42px,10vw,68px);margin-bottom:18px}.hero-lead{font-size:17px;margin-bottom:25px}.hero-note{display:none}.hero-side-note,.scroll-cue{display:none}.hero .eyebrow{margin-bottom:17px}.approach-grid,.web-grid,.build-grid,.about-grid{grid-template-columns:1fr;gap:45px}.approach-visual{aspect-ratio:4/3;max-height:none}.approach-copy{max-width:none}.web-copy{padding-top:0}.training{min-height:0}.training-image{background-size:auto 75%;background-position:right top;opacity:.24}.training-shade{background:linear-gradient(0deg,#101d26 30%,rgba(16,29,38,.73))}.training-steps{gap:15px;margin:50px 0 30px}.row-heading{display:block}.row-heading>p{margin-top:16px!important}.event-feature{grid-template-columns:100px 1fr}.event-date{padding:25px}.event-date strong{font-size:60px}.event-details{padding:28px}.event-poster{grid-column:1/-1;min-height:250px}.event-poster strong{font-size:40px}.project-grid{grid-template-columns:1fr}.project-card{min-height:280px}.project-card h3{margin-top:30px}.about-photo{max-height:550px}.footer-main{flex-wrap:wrap}}
@media(max-width:540px){body{font-size:16px}.section-pad{padding:78px 0}.hero{min-height:720px}.hero-inner{padding-top:270px;padding-bottom:55px}.hero-image{background-size:auto 63%;background-position:60% top 2%}.hero-actions{gap:19px;align-items:start;flex-direction:column}.button{width:100%}.hero h1{font-size:clamp(41px,11vw,58px)}.hero-lead{font-size:16px}.eyebrow{font-size:10px;letter-spacing:.14em}.section-heading{margin-bottom:45px}h2{font-size:clamp(38px,10vw,54px)}.service-item{grid-template-columns:42px 1fr 40px;gap:8px;padding:28px 0}.service-item h3{font-size:25px}.service-item p{font-size:15px}.service-item>a{width:36px;height:36px;font-size:22px}.tags span{font-size:9px}.training-steps{grid-template-columns:1fr;gap:20px}.training-steps div{padding-top:10px}.training-steps h3{margin:8px 0 4px}.training-steps p{max-width:none;margin:0}.event-feature{grid-template-columns:1fr}.event-date{flex-direction:row;align-items:center;gap:20px;padding:20px;border-right:0;border-bottom:1px solid #c5d4c9}.event-date strong{font-size:52px}.event-date span{margin:0}.event-details{min-height:270px}.event-poster{grid-column:auto}.build-image{min-height:350px}.footer-main{display:block}.footer-main>*{display:block;margin-bottom:20px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-image{transform:none!important}}