@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--green:#126455;--sage:#82b798;--ink:#192e28;--muted:#65716a;--paper:#fbfcf9;--line:#dae2d9;--pale:#edf2e9;--font:'DM Sans',sans-serif;--heading:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--sage);outline-offset:5px}button{color:inherit}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#fff;gap:28px}.brand{display:inline-flex;align-items:center;gap:14px;flex-shrink:0}.brand img{width:140px;height:auto;display:block}.brand-separator{height:31px;width:1px;background:#bfcfc4}.labs{font-family:var(--heading);font-size:30px;letter-spacing:-1.5px;color:var(--green);font-weight:600}nav{display:flex;gap:36px;align-items:center;font-size:14px}nav a:hover{color:var(--green)}.nav-count{font-size:10px;vertical-align:super;margin-left:3px;color:var(--green)}.button{border:1px solid var(--green);display:inline-flex;align-items:center;justify-content:space-between;gap:44px;padding:18px 23px;color:white;background:var(--green);font-size:14px;font-weight:500;border-radius:4px;transition:background .2s,transform .2s}.button:hover{background:#0b5043;transform:translateY(-2px)}.button span{font-size:19px;line-height:1}.button.small{padding:13px 18px;gap:24px}.hero{text-align:center;padding:61px 5% 0;overflow:hidden}.hiring-tag{display:inline-flex;align-items:center;gap:10px;font-size:12px;color:var(--green);padding:9px 13px;border:1px solid #d5e2d6;border-radius:50px;background:#f2f6ef}.hiring-tag>span:last-child{margin-left:10px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-family:var(--heading);font-size:clamp(54px,6.8vw,104px);font-weight:500;line-height:1.08;letter-spacing:-5px;margin:25px 0 23px}h1>span{color:var(--green)}.hero-copy{font-size:19px;line-height:1.55;color:var(--muted);margin-bottom:24px}.hero-note{font-size:9px;letter-spacing:1.3px;margin-top:15px;color:#6b7c70}.people-stage{max-width:1180px;height:345px;display:flex;gap:17px;align-items:flex-end;position:relative;margin:42px auto 0;text-align:left}.portrait{position:relative;overflow:hidden;border-radius:7px 7px 0 0;display:block;flex:1;transition:transform .35s}.portrait img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .6s,filter .6s;filter:saturate(.7)}.portrait:hover img{transform:scale(1.06);filter:saturate(1)}.portrait-one{height:262px;transform:rotate(-4deg);margin-left:125px;z-index:2;min-width:190px}.portrait-one:hover{transform:rotate(-2deg) translateY(-8px)}.portrait-one img{object-position:50% 25%}.portrait-two{height:335px;transform:rotate(2deg);z-index:1;min-width:235px}.portrait-two:hover{transform:rotate(0deg) translateY(-8px)}.portrait-two img{object-position:50% 20%}.portrait-three{height:260px;transform:rotate(-3deg);z-index:2;min-width:190px}.portrait-three:hover{transform:rotate(-1deg) translateY(-8px)}.portrait-caption{position:absolute;left:0;right:0;bottom:0;padding:36px 14px 17px;display:flex;justify-content:space-between;font-size:11px;color:white;background:linear-gradient(transparent,#132e29b5);gap:10px}.you-card{width:156px;height:212px;flex-shrink:0;border:1px dashed #9db29e;border-radius:5px 5px 0 0;background:#e7eee1;display:flex;flex-direction:column;align-items:center;position:relative;justify-content:center;transform:rotate(4deg);margin-left:3px;transition:background .2s}.you-card:hover{background:#d6e5cd}.you-card .plus{font-size:50px;font-weight:400;line-height:1;margin-bottom:20px;color:var(--green)}.you-card>span:nth-child(2){font-size:20px;letter-spacing:-.5px}.you-card small{font-size:10px;color:var(--muted);margin-top:8px}.you-arrow{position:absolute;right:14px;top:10px}.stage-note{position:absolute;left:0;top:38px;width:140px;color:var(--green);transform:rotate(-9deg)}.stage-note p{font-size:12px;line-height:1.6;margin-top:6px}.tiny-cross{font-size:27px}.stage-note svg{width:90px;fill:none;stroke:var(--sage);stroke-width:1.5;margin:0 0 0 30px}.proof{position:relative;display:grid;grid-template-columns:1.6fr repeat(4,1fr);background:var(--pale);padding:47px 6%;gap:25px;z-index:5;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;letter-spacing:1.5px;line-height:1.65;font-weight:550}.proof-intro .eyebrow{color:var(--green);letter-spacing:1px}.proof-intro p{font-size:12px;line-height:1.5;color:var(--muted);margin-top:13px}.stat{display:flex;flex-direction:column;padding-left:23px;border-left:1px solid #cfd9cb;justify-content:center;gap:7px}.stat strong{font-family:var(--heading);font-size:49px;letter-spacing:-2.5px;font-weight:500}.stat strong span{color:var(--sage)}.stat>span{font-size:12px;color:var(--muted)}.brands{padding:29px 6% 35px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:50px}.brands>span{font-size:8px;letter-spacing:1.5px;max-width:115px;line-height:1.7;color:var(--muted)}.brand-words{display:flex;justify-content:space-around;align-items:center;flex:1;gap:20px;color:#5a6b5e}.brand-words b{font-size:23px;letter-spacing:-1px;font-weight:650}.brand-words b>span{color:var(--sage);margin-left:5px}.brand-words .bodywise{letter-spacing:-1.3px}.brand-words .little{font-family:Georgia,serif;font-size:29px}.brand-words .root{letter-spacing:3px;font-size:19px;font-weight:500}.section-pad{padding:90px 6%}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:43px;color:var(--green)}.side-note{font-size:9px;letter-spacing:1.4px;color:var(--muted)}h2{font-family:var(--heading);font-size:clamp(34px,4.3vw,66px);font-weight:500;letter-spacing:-2.6px;line-height:1.14}em{font-style:normal;color:var(--green)}.why-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:80px;align-items:end}.why-intro>p{max-width:350px;font-size:16px;color:var(--muted);line-height:1.8;padding-bottom:4px}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:62px}.principles article{position:relative;padding-top:20px;border-top:1px solid var(--line)}.principle-number{position:absolute;right:0;font-size:10px;color:var(--muted)}.line-icon{font-size:32px;color:var(--green);height:62px}.principles h3{font-size:18px;font-weight:500;letter-spacing:-.4px;margin-bottom:14px}.principles p{font-size:13px;line-height:1.8;color:var(--muted);max-width:240px}.agent-section{background:#eaf0e5;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.agent-copy>.eyebrow{color:var(--green)}.agent-copy h2{margin:25px 0}.agent-copy>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:360px;margin-bottom:18px}.agent-copy strong{color:var(--ink);font-weight:500}.text-link{display:inline-flex;gap:36px;align-items:center;padding:10px 0;border:0;border-bottom:1px solid var(--green);font-size:13px;color:var(--green);background:none}.system-art{height:460px;position:relative;background:#f7f9f2;border:1px solid #c9d6c5;border-radius:6px;overflow:hidden;background-image:radial-gradient(#b8c8b1 1px,transparent 1px);background-size:18px 18px}.art-top{position:absolute;top:20px;left:20px;right:20px;font-size:8px;letter-spacing:1px;display:flex;gap:7px;align-items:center}.art-top>span:last-child{margin-left:auto;color:var(--muted)}.art-orbit{position:absolute;width:270px;height:270px;border:1px solid #b7cbb2;border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.orbit-two{width:370px;height:370px;border-style:dashed;border-color:#d1ddca}.art-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:142px;height:142px;background:var(--green);color:#dce8d6;border-radius:25px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 8px 0 #12645512,0 18px 40px #12645512}.art-core>span{font-size:85px;font-family:var(--heading);line-height:.9;letter-spacing:-10px;font-weight:700;margin-left:-7px}.core-dot{color:var(--sage)}.art-core small{font-size:7px;letter-spacing:1.5px;margin-top:14px}.art-node{position:absolute;display:flex;gap:10px;align-items:center;font-size:21px;padding:11px 15px;background:#fff;border:1px solid #c5d6bf;box-shadow:0 5px 15px #19382409;border-radius:4px;color:var(--green)}.art-node span{font-size:11px;color:var(--ink)}.node-research{left:9%;top:22%;transform:rotate(-6deg)}.node-product{right:6%;top:28%;transform:rotate(5deg)}.node-ops{left:5%;top:60%;transform:rotate(-4deg)}.node-launch{right:9%;top:64%;transform:rotate(5deg)}.art-duo{display:flex;position:absolute;bottom:40px;left:50%;transform:translateX(-50%);gap:15px;align-items:center;background:#f7f9f2;padding:12px}.art-duo>span{font-size:12px;white-space:nowrap}.art-duo small{font-size:9px;color:var(--muted);margin-left:4px}.art-duo .duo-plus{color:var(--green)}.art-caption{position:absolute;bottom:15px;text-align:center;width:100%;font-size:7px;letter-spacing:1px;color:var(--muted)}.team-intro,.roles-intro{display:flex;justify-content:space-between;align-items:end;gap:40px}.team-intro p,.roles-intro p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:4px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:46px}.team-image{height:290px;position:relative;overflow:hidden;border-radius:4px;background:#dde5db}.team-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.6);transition:transform .5s,filter .5s}.team-card:hover img{transform:scale(1.045);filter:saturate(1)}.team-card:first-child img{object-position:50% 25%}.photo-mark{position:absolute;top:13px;left:13px;background:#ffffffc9;padding:5px 7px;font-size:7px;letter-spacing:1px;border-radius:2px}.team-card-text{display:flex;justify-content:space-between;font-size:13px;padding:15px 0}.team-card-text>span:last-child{color:var(--green)}.team-join{background:#e9efe3;position:relative;display:flex;flex-direction:column;padding:20px 22px;border:1px dashed #a7b99e;border-radius:4px;max-height:290px;transition:background .2s}.team-join:hover{background:#dce8d3}.team-join>.eyebrow{font-size:8px;color:var(--green)}.join-plus{font-size:64px;line-height:1.2;margin:auto 0;color:var(--green);font-weight:400}.team-join h3{font-size:23px;font-weight:500;letter-spacing:-.8px}.team-join p{font-size:12px;color:var(--muted);line-height:1.6;margin-top:9px}.join-arrow{position:absolute;right:20px;bottom:26px;font-size:25px;color:var(--green)}.roles{background:#f1f3ed;border-top:1px solid var(--line)}.roles-location{font-size:11px;display:flex;gap:8px;align-items:center;color:var(--muted)}.role-list{margin-top:45px;border-top:1px solid #cdd7c9}.role-row{display:flex;width:100%;align-items:center;text-align:left;background:transparent;border:0;border-bottom:1px solid #cdd7c9;padding:30px 0;gap:24px;transition:background .2s}.role-row:hover{background:#e7ede1}.role-index{font-size:10px;color:#72846f;align-self:flex-start;padding-top:8px}.role-info{display:flex;flex-direction:column;flex:1;gap:8px}.role-info strong{font-size:27px;letter-spacing:-1px;font-family:var(--heading);font-weight:500}.role-info>span{font-size:13px;color:var(--muted)}.role-meta{font-size:10px;line-height:1.9;color:var(--muted);width:190px}.role-arrow{height:42px;width:42px;display:grid;place-items:center;border:1px solid #bed0b8;border-radius:50%;font-size:24px;color:var(--green);margin-left:20px}.roles-foot{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-top:22px}.roles-foot>span{font-size:16px}.closing{background:var(--green);color:#edf1e7;position:relative;overflow:hidden;padding-top:65px;padding-bottom:65px}.closing>.eyebrow{color:#b6d4bc}.closing h2{font-size:clamp(50px,6vw,88px);margin:30px 0;letter-spacing:-3.5px;position:relative;z-index:1}.closing h2>span{color:#9dcaa5}.button.light{background:#e6eddb;color:var(--green);border-color:#e6eddb;position:relative;z-index:1}.button.light:hover{background:white}.closing-graphic{position:absolute;width:420px;height:420px;right:5%;top:50%;transform:translateY(-50%) rotate(-15deg);display:grid;grid-template-columns:1fr 1fr;gap:12px;opacity:.28}.closing-graphic span{border:38px solid var(--sage);border-radius:100px 100px 0 100px}.closing-graphic span:nth-child(2){transform:rotate(90deg)}.closing-graphic span:nth-child(3){transform:rotate(-90deg)}.closing-graphic span:nth-child(4){transform:rotate(180deg)}footer{display:flex;padding:35px 6%;align-items:center;gap:28px;background:white;flex-wrap:wrap}footer .brand img{width:105px}footer .labs{font-size:24px}footer .brand-separator{height:25px}footer p,footer>a:not(.brand),footer>span{font-size:10px;color:var(--muted)}footer>a:not(.brand){margin-left:auto}footer>span{font-size:9px}.skip{position:fixed;top:-60px;left:10px;z-index:100;padding:12px;background:var(--green);color:white}.skip:focus{top:10px}dialog{border:0;border-radius:10px;padding:45px;max-width:700px;width:calc(100% - 36px);max-height:88vh;color:var(--ink);background:var(--paper);box-shadow:0 20px 90px #09221c33;overscroll-behavior:contain}dialog::backdrop{background:#102a2370;backdrop-filter:blur(5px)}dialog h2{font-size:38px;margin-top:20px;letter-spacing:-1.4px;line-height:1.2}dialog .eyebrow{color:var(--green)}.close-dialog{position:absolute;right:18px;top:13px;border:0;background:none;font-size:29px;color:var(--green);height:36px;width:36px}.dialog-meta{font-size:12px;color:var(--muted);margin:16px 0 28px}#role-description>p{font-size:16px;line-height:1.7}#role-description h3{font-size:18px;margin:27px 0 13px;font-weight:550}#role-description ul{padding-left:19px;font-size:14px;line-height:1.8;color:var(--muted)}#role-description li{margin-bottom:7px}.dialog-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-size:14px}.form-intro{font-size:14px;color:var(--muted);margin-top:12px}.draft-notice{font-size:11px;line-height:1.6;background:var(--pale);padding:12px 15px;margin:22px 0;color:var(--green);border-radius:4px}.draft-notice .status-dot{margin-right:4px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;margin-bottom:18px}label>span{color:var(--green)}input,select,textarea{width:100%;display:block;padding:13px 12px;border:1px solid #cdd9ca;border-radius:4px;background:white;color:var(--ink);font-size:13px;margin-top:8px}input:focus,select:focus,textarea:focus{outline:2px solid var(--sage);outline-offset:1px}textarea{resize:vertical}.form-privacy{font-size:11px;line-height:1.6;color:var(--muted)}.form-actions{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:20px}.form-actions .button{gap:18px}#form-status{font-size:12px;line-height:1.7;color:var(--green);margin-top:12px}
@media(min-width:1500px){body{max-width:1800px;margin:auto}.hero h1{font-size:108px}.people-stage{height:390px}.portrait-one,.portrait-three{height:310px}.portrait-two{height:385px}}
@media(max-width:1000px){header{padding:0 4%;height:85px}nav{gap:20px}.brand img{width:115px}.labs{font-size:27px}.hero{padding-top:45px}h1{letter-spacing:-3px}.people-stage{gap:12px;height:310px}.portrait-one{margin-left:45px;min-width:160px;height:235px}.portrait-two{min-width:190px;height:300px}.portrait-three{min-width:160px;height:235px}.you-card{width:125px;height:190px}.stage-note{left:0;top:5px;width:100px}.stage-note p{font-size:10px}.stage-note svg{width:60px}.proof{gap:10px;padding:36px 4%;grid-template-columns:1.4fr repeat(4,1fr)}.stat{padding-left:17px}.stat strong{font-size:39px}.section-pad{padding:65px 5%}.why-intro{gap:40px}.principles{gap:20px}.principles h3{font-size:16px}.agent-section{gap:5%}.system-art{height:400px}.art-orbit{width:230px;height:230px}.orbit-two{width:330px;height:330px}.art-core{width:115px;height:115px}.art-node{padding:9px 10px}.art-node span{font-size:10px}.art-duo{gap:10px}.art-duo small{display:block;margin:4px 0 0}.team-grid{gap:14px}.team-image,.team-join{height:230px}.team-join{padding:15px}.team-join h3{font-size:20px}.team-card-text{font-size:11px}.join-arrow{right:12px;bottom:20px}.role-info strong{font-size:23px}.role-meta{width:155px}.closing-graphic{right:-60px}.brands{gap:25px}.brand-words b{font-size:19px}.brand-words .root{font-size:15px}.brand-words .little{font-size:25px}}
@media(max-width:700px){header{height:78px;gap:12px;padding:0 5%}header .brand{gap:9px}.brand img{width:99px}.brand-separator{height:25px}.labs{font-size:24px}nav{display:none}.button.small{font-size:11px;gap:12px;padding:11px 12px}.hero{padding:38px 5% 0}.hiring-tag{font-size:10px;padding:8px 10px;gap:7px}.hiring-tag>span:last-child{margin-left:0}h1{font-size:clamp(39px,8.8vw,61px);letter-spacing:-2px;margin-top:27px;line-height:1.12}.hero-copy{font-size:15px;line-height:1.6;margin-bottom:22px}.button{font-size:12px;padding:15px 19px;gap:30px}.hero-note{font-size:6.5px;letter-spacing:1px}.people-stage{height:230px;gap:10px;margin-top:32px;width:100%;align-items:flex-end}.portrait-one{margin-left:-35px;min-width:0;flex:1;height:175px}.portrait-two{min-width:0;flex:1.15;height:218px}.portrait-three{min-width:0;flex:1;height:177px}.portrait-caption{font-size:8px;padding:25px 8px 12px;line-height:1.4}.portrait-caption>span{display:none}.you-card{width:78px;height:145px;margin-right:-28px;flex-shrink:0}.you-card .plus{font-size:36px;margin-bottom:12px}.you-card>span:nth-child(2){font-size:13px}.you-card small{font-size:7px}.you-arrow{right:7px;top:7px;font-size:12px}.stage-note{display:none}.proof{padding:28px 6%;grid-template-columns:repeat(2,1fr);gap:26px 15px}.proof-intro{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center}.proof-intro p{margin-top:0;font-size:11px}.proof-intro .eyebrow{font-size:8px}.stat strong{font-size:42px}.stat{gap:2px;padding-left:16px}.stat>span{font-size:11px}.brands{padding:25px 6%;display:block}.brands>span{display:block;max-width:none;font-size:7px;margin-bottom:19px}.brand-words{display:grid;grid-template-columns:1fr 1fr;gap:23px}.brand-words b{font-size:20px}.brand-words .little{font-size:25px}.brand-words .root{font-size:15px}.section-pad{padding:50px 6%}.section-top{margin-bottom:28px}.eyebrow{font-size:8px}.side-note{font-size:6px;letter-spacing:.6px}h2{font-size:35px;letter-spacing:-1.5px;line-height:1.18}.why-intro{display:block}.why-intro>p{font-size:14px;margin-top:23px;max-width:100%}.principles{grid-template-columns:1fr 1fr;gap:30px 22px;margin-top:35px}.principles h3{font-size:15px}.principles p{font-size:12px;line-height:1.75}.line-icon{font-size:28px;height:51px}.agent-section{grid-template-columns:1fr;gap:32px}.agent-copy h2{margin:20px 0}.agent-copy>p{max-width:100%;font-size:13px}.system-art{height:385px;max-width:420px;width:100%;margin:auto}.team-intro,.roles-intro{display:block}.team-intro p,.roles-intro p{font-size:12px;margin-top:20px}.team-grid{grid-template-columns:1fr 1fr;gap:19px 15px;margin-top:30px}.team-image,.team-join{height:225px}.team-card-text{font-size:11px;padding:12px 0}.team-join{max-height:none}.team-join h3{font-size:19px}.team-join p{font-size:11px}.team-join>.eyebrow{font-size:6px}.roles-location{font-size:9px}.role-list{margin-top:30px}.role-row{gap:12px;padding:23px 0;flex-wrap:wrap;position:relative}.role-index{font-size:8px}.role-info{padding-right:30px;gap:7px}.role-info strong{font-size:19px;letter-spacing:-.5px}.role-info>span{font-size:11px;line-height:1.5;max-width:220px}.role-meta{width:100%;font-size:8px;padding-left:22px;line-height:1.6}.role-meta br{display:none}.role-meta br:after{content:' / '}.role-arrow{position:absolute;right:0;top:28px;width:31px;height:31px;font-size:18px;margin:0}.roles-foot{font-size:10px;line-height:1.6;gap:15px}.closing{padding-top:40px;padding-bottom:45px}.closing h2{font-size:49px;letter-spacing:-2px;margin:25px 0}.closing>.eyebrow{font-size:6.5px}.closing-graphic{width:250px;height:250px;right:-95px;top:65%;gap:8px;opacity:.18}.closing-graphic span{border-width:23px}footer{padding:28px 6%;gap:20px;display:grid;grid-template-columns:1fr 1fr}footer .brand{gap:8px}footer .brand img{width:87px}footer .labs{font-size:22px}footer p{font-size:9px;text-align:right}footer>a:not(.brand){margin:0;font-size:9px}footer>span{text-align:right;font-size:8px}dialog{padding:35px 23px 25px;width:calc(100% - 24px);max-height:91vh}dialog h2{font-size:30px}.dialog-bottom{align-items:flex-start;flex-direction:column;gap:15px}.form-grid{grid-template-columns:1fr;gap:0}.draft-notice{font-size:10px}.form-actions .button{font-size:11px;padding:13px;gap:10px}.form-actions .text-link{font-size:10px}.close-dialog{right:10px;top:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@media(min-width:701px){.hero{padding-top:38px}h1{font-size:clamp(54px,6.5vw,104px);line-height:1.05;margin:20px 0 18px}.hero-copy{font-size:17px;line-height:1.5;margin-bottom:20px}.hero .button{padding:16px 22px}.hero-note{margin-top:13px}.people-stage{margin-top:28px}}
.ceo-letter{background:#fff;border-top:1px solid var(--line)}.letter-draft{font-size:8px;letter-spacing:1px;color:var(--muted);border:1px solid var(--line);border-radius:3px;padding:6px 9px}.letter-layout{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.letter-glyph{font-family:Georgia,serif;font-size:118px;line-height:.9;display:block;color:var(--sage);height:90px}.letter-heading h2{font-size:clamp(34px,3.8vw,55px)}.letter-heading>p{color:var(--muted);font-size:14px;line-height:1.7;margin-top:25px}.letter-body{padding-top:10px}.letter-body>p{font-size:15px;line-height:1.85;color:#53645a;margin-bottom:20px}.letter-body .letter-salutation,.letter-body .letter-last{color:var(--ink);font-weight:500}.letter-signature{font-family:'Segoe Script','Bradley Hand','Brush Script MT',cursive;font-style:italic;font-size:48px;color:var(--green);transform:rotate(-7deg);transform-origin:left center;line-height:1.5;margin:14px 0 4px;width:max-content;letter-spacing:-3px;border-bottom:1px solid var(--sage);padding:0 18px 0 0}.letter-signature span{color:var(--sage)}.letter-author{display:flex;flex-direction:column;gap:5px;margin-top:15px}.letter-author strong{font-size:13px;font-weight:500}.letter-author>span{font-size:11px;color:var(--muted)}.role-row{font-family:var(--font)}.job-hero{background:var(--pale);padding-top:38px;padding-bottom:65px;border-bottom:1px solid var(--line)}.job-back{font-size:12px;color:var(--green);display:inline-flex;margin-bottom:48px;border-bottom:1px solid transparent;padding-bottom:4px}.job-back:hover{border-color:var(--green)}.job-eyebrow{display:flex;gap:25px;align-items:center;color:var(--green)}.job-open{font-size:8px;letter-spacing:1.2px;display:flex;align-items:center;gap:7px}.job-title{font-size:clamp(55px,7vw,102px);letter-spacing:-4px;margin:24px 0;line-height:1.05}.job-summary{font-size:19px;line-height:1.65;max-width:650px;color:var(--muted)}.job-tags{display:flex;flex-wrap:wrap;gap:10px;margin:27px 0}.job-tags>span{font-size:11px;border:1px solid #cbd8c6;padding:8px 12px;border-radius:30px;color:var(--green)}.job-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:10%;align-items:start}.job-section{display:grid;grid-template-columns:35px minmax(0,1fr);gap:16px;padding-bottom:35px;margin-bottom:35px;border-bottom:1px solid var(--line)}.job-section>.eyebrow{padding-top:7px;color:var(--green)}.job-section h2{font-size:30px;letter-spacing:-1px;margin-bottom:22px}.job-section ul{list-style:none;padding:0;margin:0}.job-section li{position:relative;padding-left:20px;font-size:15px;line-height:1.85;color:var(--muted);margin-bottom:15px}.job-section li:before{content:'↗';position:absolute;left:0;color:var(--green);font-size:12px;top:2px}.job-aside{position:sticky;top:30px;background:#edf2e8;border:1px solid #d3dece;border-radius:6px;padding:30px 25px}.job-aside>.eyebrow{color:var(--green)}.job-aside h2{font-size:30px;letter-spacing:-1px;margin:20px 0 15px}.job-aside>p{font-size:13px;line-height:1.75;color:var(--muted)}.job-aside dl{margin:27px 0}.job-aside dl>div{border-top:1px solid #d3dece;padding:13px 0}.job-aside dt{font-size:9px;letter-spacing:.5px;color:var(--muted);margin-bottom:6px}.job-aside dd{margin:0;font-size:12px;line-height:1.5}.job-aside .button{width:100%;font-size:12px;padding:15px;gap:12px}.job-about{font-size:11px;color:var(--green);display:block;text-align:center;margin-top:18px}.job-next{background:#f0f3eb;border-top:1px solid var(--line);padding-top:45px;padding-bottom:45px}.job-next>.eyebrow{color:var(--green)}.job-next>a{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:20px 0 14px}.job-next h2{font-size:37px;letter-spacing:-1.5px}.job-next p{font-size:13px;color:var(--muted)}.job-next a:hover h2{color:var(--green)}
@media(max-width:1000px){.job-layout{grid-template-columns:minmax(0,1fr) 280px;gap:5%}.job-aside{padding:25px 20px}.letter-layout{gap:6%}.letter-body>p{font-size:14px}.job-page header nav{gap:15px;font-size:12px}}
@media(max-width:700px){.letter-layout{grid-template-columns:1fr;gap:25px}.letter-glyph{font-size:90px;height:62px}.letter-heading h2{font-size:34px}.letter-heading>p{font-size:12px;margin-top:15px}.letter-body>p{font-size:13px;line-height:1.85;margin-bottom:18px}.letter-draft{font-size:6px;padding:5px 6px;letter-spacing:.3px}.letter-signature{font-size:43px}.job-hero{padding-top:25px;padding-bottom:40px}.job-back{font-size:11px;margin-bottom:34px}.job-title{font-size:clamp(43px,9vw,62px);letter-spacing:-2px;margin:22px 0}.job-summary{font-size:15px;line-height:1.7}.job-tags{gap:7px;margin:23px 0}.job-tags>span{font-size:9px;padding:7px 9px}.job-eyebrow{gap:14px}.job-open{font-size:7px}.job-layout{grid-template-columns:1fr;gap:15px}.job-section{grid-template-columns:22px 1fr;gap:10px;padding-bottom:25px;margin-bottom:27px}.job-section h2{font-size:25px}.job-section li{font-size:13px;padding-left:16px}.job-aside{position:static;padding:27px}.job-aside h2{font-size:29px}.job-next h2{font-size:27px;letter-spacing:-1px}.job-next p{font-size:12px}}

/* CEO stationery */
.ceo-letter{background:#e9eee6;padding-top:65px;padding-bottom:85px;border-top:1px solid #d8e1d3}.ceo-letter>.section-top{max-width:1100px;margin-left:auto;margin-right:auto}.letter-layout{display:flex;flex-direction:column;gap:35px;align-items:center;max-width:1000px;margin:0 auto}.letter-heading{text-align:center}.letter-heading h2{font-size:clamp(35px,4vw,56px);line-height:1.15}.letter-heading>p{font-size:13px;margin-top:17px}.letter-paper{position:relative;width:100%;max-width:800px;padding:42px 65px 25px;background:#fffefa;border:1px solid #e2e1d7;box-shadow:0 2px 3px #263b2510,0 16px 38px #263b2510,7px 9px 0 -2px #f6f7f0,7px 9px 0 -1px #d7ded1;transform:rotate(-.5deg);border-radius:1px}.letterhead{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-bottom:25px;border-bottom:2px solid var(--green)}.letterhead-brand{display:flex;align-items:center;gap:14px}.letterhead-brand img{width:126px;mix-blend-mode:multiply}.letterhead-brand>span{font-size:10px;letter-spacing:2px;color:var(--green);border-left:1px solid #c1d1c1;padding-left:14px;height:28px;display:flex;align-items:center}.letterhead-office{text-align:right;font-size:7px;letter-spacing:1.2px;color:var(--muted);line-height:1.9}.letterhead-office strong{font-weight:500;color:var(--green)}.letter-date{display:flex;justify-content:space-between;gap:15px;margin:22px 0 29px;font-family:var(--font);font-size:8px;color:var(--muted);letter-spacing:.7px}.letter-date time{letter-spacing:0;font-size:10px;white-space:nowrap}.letter-body{padding:0;font-family:Georgia,'Times New Roman',serif}.letter-body>p{font-size:15px;color:#33473b;line-height:1.8;margin-bottom:18px;max-width:none}.letter-body .letter-salutation{font-size:19px;margin-bottom:23px;font-weight:400;color:var(--ink)}.letter-body .letter-last{font-weight:400;margin-top:24px;margin-bottom:13px}.letter-signature{font-family:'Caveat','Segoe Script','Bradley Hand',cursive;display:flex;align-items:baseline;font-style:normal;font-weight:700;font-size:48px;color:#0b5746;letter-spacing:-1.8px;line-height:1.05;width:max-content;max-width:100%;position:relative;transform:rotate(-6deg);margin:12px 0 28px;padding:0 22px 8px 0;border:0}.letter-signature .signature-initial{font-size:1.65em;line-height:1;color:#0b5746;margin-right:-5px}.letter-signature .signature-name{font-size:1em;letter-spacing:-1.2px;color:#0b5746}.signature-flourish{position:absolute;width:210px;height:23px;left:0;bottom:-7px;overflow:visible}.signature-flourish path{fill:none;stroke:#0b5746;stroke-width:2;stroke-linecap:round}.letter-author{font-family:var(--font);gap:4px;margin-top:0}.letter-author strong{font-size:12px;font-weight:600}.letter-author>span{font-size:10px}.letter-paper-footer{display:flex;justify-content:space-between;margin-top:35px;padding-top:15px;border-top:1px solid #dce2d8;font-size:6px;letter-spacing:1.7px;color:#82907e}
@media(max-width:700px){.ceo-letter{padding:42px 5% 55px}.ceo-letter>.section-top{margin-bottom:27px}.letter-layout{gap:25px}.letter-heading h2{font-size:34px}.letter-heading>p{font-size:11px;line-height:1.6;margin-top:13px}.letter-paper{padding:25px 23px 20px;transform:rotate(0);box-shadow:0 9px 30px #263b2510,4px 5px 0 -1px #f6f7f0,4px 5px 0 #d7ded1}.letterhead{padding-bottom:20px;gap:12px}.letterhead-brand{gap:9px}.letterhead-brand img{width:91px}.letterhead-brand>span{font-size:7px;letter-spacing:1.3px;padding-left:9px;height:22px}.letterhead-office{font-size:5px;letter-spacing:.8px}.letter-date{margin:18px 0 25px;font-size:5px;letter-spacing:.4px;align-items:center;gap:10px}.letter-date time{font-size:8px}.letter-body>p{font-size:13px;line-height:1.8;margin-bottom:17px}.letter-body .letter-salutation{font-size:17px}.letter-signature{font-size:43px;margin-bottom:25px}.signature-flourish{width:185px}.letter-paper-footer{font-size:5px;letter-spacing:1.1px;margin-top:27px}}

/* Fine-pen signature */
.letter-signature{font-family:'Oooh Baby','Segoe Script',cursive;font-size:51px;font-weight:400;letter-spacing:-1px;transform:rotate(-5deg);color:#235d50;padding-bottom:10px;margin-top:20px;margin-bottom:27px}.letter-signature .signature-initial{font-size:1.4em;font-weight:400;color:inherit;margin-right:-9px}.letter-signature .signature-name{font-size:1em;font-weight:400;letter-spacing:-1.2px;color:inherit}.signature-flourish{width:182px;height:19px;left:5px;bottom:-4px}.signature-flourish path{stroke:#235d50;stroke-width:.9;opacity:.75}
@media(max-width:700px){.letter-signature{font-size:46px}.signature-flourish{width:164px}}

/* Continuous signature script, using the typeface's natural capital proportions. */
.letter-signature{font-family:'Mrs Saint Delafield','Segoe Script',cursive;font-size:72px;font-weight:400;font-style:normal;letter-spacing:0;line-height:1.2;display:block;color:#213e34;transform:rotate(-4deg);margin:12px 0 13px;padding:0 22px 0 0;border:0}
@media(max-width:700px){.letter-signature{font-size:65px}}

/* Candid photo prints surround the CEO letter. */
.ceo-letter{overflow:hidden;background:#f0f1eb}.letter-layout{max-width:none;gap:45px}.letter-photo-stage{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;max-width:1200px;padding:24px 0 40px}.letter-photo-stage .letter-paper{max-width:640px;padding:38px 48px 25px;z-index:2;transform:rotate(1deg)}.letter-photo{position:absolute;margin:0;z-index:1;background:#fffefa;padding:12px 12px 36px;box-shadow:0 2px 4px #1e30251a,0 9px 24px #1e302512;width:310px}.letter-photo img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.letter-photo-1{left:-55px;top:6%;transform:rotate(-13deg);width:330px}.letter-photo-1 img{aspect-ratio:1.7;object-position:center}.letter-photo-2{right:-60px;top:9%;transform:rotate(13deg);width:330px}.letter-photo-2 img{aspect-ratio:1.6}.letter-photo-3{left:-45px;top:37%;transform:rotate(9deg);width:258px}.letter-photo-3 img{aspect-ratio:3/4;object-fit:cover}.letter-photo-4{right:-70px;top:48%;transform:rotate(-10deg);width:335px}.letter-photo-4 img{aspect-ratio:4/3}.letter-photo-5{left:-70px;bottom:4%;transform:rotate(-12deg);width:340px}.letter-photo-5 img{aspect-ratio:4/3;object-position:center 65%}
@media(min-width:1500px){.letter-photo-stage{max-width:1400px}.letter-photo{width:360px}.letter-photo-1{left:0;width:380px}.letter-photo-2{right:0;width:370px}.letter-photo-3{left:15px;width:300px}.letter-photo-4{right:0;width:380px}.letter-photo-5{left:0;width:380px}}
@media(max-width:1050px) and (min-width:701px){.letter-photo-stage .letter-paper{max-width:560px;padding:34px 38px 25px}.letter-photo-1{left:-140px;width:300px}.letter-photo-2{right:-145px;width:310px}.letter-photo-3{left:-130px;width:245px}.letter-photo-4{right:-150px;width:310px}.letter-photo-5{left:-145px;width:310px}}
@media(max-width:700px){.letter-layout{gap:25px}.letter-photo-stage{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px 8px;padding:15px 0 20px;align-items:center}.letter-photo-stage .letter-paper{grid-column:1/-1;grid-row:2;max-width:100%;padding:25px 23px 20px;transform:rotate(.3deg);margin:8px 0 6px}.letter-photo{position:relative;inset:auto;width:100%;padding:5px 5px 16px;box-shadow:0 2px 6px #1e30251a;z-index:1}.letter-photo-1{grid-column:1/4;grid-row:1;transform:rotate(-7deg) translateX(-10px)}.letter-photo-2{grid-column:4/7;grid-row:1;transform:rotate(7deg) translateX(10px)}.letter-photo-3{grid-column:1/3;grid-row:3;transform:rotate(-8deg);width:100%}.letter-photo-3 img{aspect-ratio:4/5}.letter-photo-4{grid-column:3/5;grid-row:3;transform:rotate(5deg);width:110%;z-index:2}.letter-photo-5{grid-column:5/7;grid-row:3;transform:rotate(-6deg) translateX(5px);width:105%}.letter-photo-4 img,.letter-photo-5 img{aspect-ratio:4/3}}

/* Functional context in role descriptions. */
.job-context p{font-size:15px;line-height:1.85;color:var(--muted);margin:0 0 20px}.job-context .job-context-label{font-size:12px;color:var(--green);margin:26px 0 17px}.function-examples{margin-bottom:25px!important}.job-context .function-examples li{padding:15px 0;border-top:1px solid var(--line);margin-bottom:0}.job-context .function-examples li:before{content:none}.function-examples strong{display:block;font-size:14px;color:var(--green);font-weight:550;margin-bottom:5px}.function-examples span{display:block;font-size:13px;line-height:1.8}.job-context p:last-child{margin-top:20px;margin-bottom:0}@media(max-width:700px){.job-context p{font-size:13px}.function-examples strong{font-size:13px}.function-examples span{font-size:12px}}

/* Official brand assets and unnumbered sections. */
.brand-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;align-items:center;justify-items:center;flex:1}.brand-logo{display:flex;align-items:center;justify-content:center;height:84px;width:100%;max-width:165px}.brand-logo img{display:block;max-width:100%;max-height:57px;width:auto;height:auto;object-fit:contain}.brand-logo.little-joys img{max-height:90px;max-width:90px}.brand-logo.root-labs img{max-height:102px;max-width:110px}.job-section{grid-template-columns:minmax(0,1fr);gap:0}
@media(max-width:1000px){.brand-logos{gap:22px}}
@media(max-width:700px){.brand-logos{grid-template-columns:1fr 1fr;gap:15px 30px}.brand-logo{height:74px;max-width:150px}.brand-logo img{max-height:48px}.brand-logo.little-joys img{max-height:83px;max-width:83px}.brand-logo.root-labs img{max-height:96px;max-width:105px}.job-section{grid-template-columns:minmax(0,1fr);gap:0}}

/* Original pen-mark asset inspired by the supplied handwriting reference. */
.letter-signature{width:190px;max-width:75%;padding:0;margin:18px 0 22px;line-height:0;transform:rotate(-3deg);font-size:0}.letter-signature img{display:block;width:100%;height:auto} @media(max-width:700px){.letter-signature{width:172px;font-size:0}}

/* Portraits punctuate the story: hero, Why Labs, then open roles. */
.landing-portrait{margin:0;width:100%;max-width:300px}.landing-portrait-image{overflow:hidden;border:1px solid #e0e5db;border-radius:5px;background:#fff}.landing-portrait img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.85);transition:transform .45s}.landing-portrait:hover img{transform:scale(1.035)}.landing-portrait figcaption{display:flex;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);padding:13px 2px 0;text-align:left}.landing-portrait figcaption>span{color:var(--green)}
.hero.hero-distributed{padding:65px 6% 70px;overflow:hidden;text-align:left}.hero-inner{max-width:1350px;margin:auto;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:55px;align-items:center}.hero-content h1{font-size:clamp(48px,5.3vw,82px);letter-spacing:-3.5px;line-height:1.12;margin:28px 0 24px}.hero-content .hero-copy{font-size:17px;line-height:1.6;margin-bottom:25px}.hero-content .hero-note{font-size:8px;line-height:1.8;letter-spacing:1px;margin-top:17px}.hero-person-wrap{justify-self:end;width:100%;max-width:310px;padding:13px 0 0}.hero-person{transform:rotate(4deg)}.hero-person .landing-portrait-image{height:330px}.hero-person figcaption{font-size:10px}.hero-you{display:flex;gap:15px;justify-content:space-between;align-items:center;padding:20px 0 0;font-size:13px;color:var(--green);margin-top:14px;border-top:1px solid var(--line)}.hero-you>span{font-size:9px;color:var(--muted)}
.why-intro{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:70px}.why-person-wrap{display:grid;grid-template-columns:1fr;gap:25px}.why-person-wrap>p{font-size:14px;color:var(--muted);line-height:1.8;max-width:365px}.why-person{width:220px;justify-self:end;transform:rotate(-4deg);margin-right:16px}.why-person .landing-portrait-image{height:230px}.why-person img{object-position:center 23%}.why .principles{margin-top:52px}
.roles-intro{align-items:center;gap:35px}.roles-intro>h2{flex:1;min-width:0;font-size:clamp(34px,4vw,59px)}.roles-person-wrap{display:flex;align-items:center;gap:24px;width:420px;flex-shrink:0}.roles-person{width:180px;flex-shrink:0;transform:rotate(3deg)}.roles-person .landing-portrait-image{height:200px}.roles-person figcaption{font-size:8px;line-height:1.5}.roles-person-wrap>p{font-size:12px;line-height:1.8;color:var(--muted);margin:0}
@media(min-width:1500px){.hero-person-wrap{max-width:340px}.hero-person{max-width:330px}.hero-person .landing-portrait-image{height:365px}}
@media(max-width:1000px){.hero.hero-distributed{padding:50px 5% 55px}.hero-inner{gap:30px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.hero-content h1{font-size:clamp(42px,5.8vw,60px);letter-spacing:-2.7px}.hero-person-wrap{max-width:260px}.hero-person .landing-portrait-image{height:285px}.hero-content .hero-copy{font-size:15px}.hero-content .hero-note{font-size:7px}.hero-you{font-size:11px;gap:10px}.hero-you>span{font-size:8px}.why-intro{gap:40px}.why-person{width:195px}.why-person .landing-portrait-image{height:210px}.roles-person-wrap{width:330px;gap:18px}.roles-person{width:145px}.roles-person .landing-portrait-image{height:175px}.roles-person-wrap>p{font-size:11px}.roles-intro>h2{font-size:35px}}
@media(max-width:700px){.hero.hero-distributed{padding:36px 6% 40px;text-align:left}.hero-inner{grid-template-columns:1fr;gap:32px}.hero-content h1{font-size:clamp(42px,10vw,62px);letter-spacing:-2px;line-height:1.12;margin:25px 0 19px}.hero-content .hero-copy{font-size:15px;line-height:1.6}.hero-content .hero-note{font-size:7px;max-width:260px;line-height:1.7}.hero-person-wrap{justify-self:end;width:210px;max-width:65%;margin-right:10px;padding:0}.hero-person .landing-portrait-image{height:225px}.hero-person figcaption{font-size:8px;line-height:1.5}.hero-you{font-size:11px;padding-top:14px;margin-top:12px;gap:12px}.hero-you>span{font-size:8px}.why-intro{display:block}.why-person-wrap{margin-top:25px;gap:25px}.why-person-wrap>p{font-size:13px;max-width:100%;margin:0}.why-person{justify-self:start;width:190px;margin-left:12px;margin-right:0}.why-person .landing-portrait-image{height:210px}.why .principles{margin-top:37px}.roles-intro{display:block}.roles-intro>h2{font-size:34px}.roles-person-wrap{margin-top:30px;width:100%;gap:22px;justify-content:flex-end}.roles-person{width:145px}.roles-person .landing-portrait-image{height:170px}.roles-person-wrap>p{font-size:11px;margin:0;line-height:1.8}.roles-person figcaption{font-size:8px}.roles .role-list{margin-top:35px}}

/* Landscape workspace photograph in the hero. */
.hero-inner{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:55px}.hero-person-wrap{max-width:440px}.hero-person{max-width:none;transform:rotate(2deg)}.hero-person .landing-portrait-image{height:auto;aspect-ratio:1080/607}.hero-person img{width:100%;height:100%;object-fit:cover;filter:none}
@media(max-width:1000px){.hero-inner{gap:30px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.hero-person-wrap{max-width:340px}.hero-person .landing-portrait-image{height:auto}}
@media(max-width:700px){.hero-inner{grid-template-columns:1fr;gap:30px}.hero-person-wrap{width:100%;max-width:100%;margin-right:0;justify-self:center}.hero-person{transform:rotate(1deg)}.hero-person .landing-portrait-image{height:auto}.hero-person figcaption{font-size:9px}.hero-you{padding-top:16px;margin-top:14px}}

/* Param's portrait replaces the agent-system illustration. */
.param-person{max-width:350px;justify-self:center;transform:rotate(-3deg)}.param-person .landing-portrait-image{height:380px}.param-person img{object-position:center 25%;filter:none}
@media(max-width:1000px){.param-person{max-width:290px}.param-person .landing-portrait-image{height:330px}}
@media(max-width:700px){.param-person{width:240px;max-width:85%;justify-self:center;margin:8px 0}.param-person .landing-portrait-image{height:275px}}

/* Keep the roles portrait aligned after removing its supporting copy. */
.roles-person-wrap{width:180px;justify-content:flex-end}@media(max-width:1000px){.roles-person-wrap{width:145px}}@media(max-width:700px){.roles-person-wrap{width:100%}}

/* Application attachments. */
.upload-field{padding:17px;border:1px solid var(--line);border-radius:5px;background:#f4f7ef;margin:0 0 18px}.upload-field>label{margin:0 0 9px;font-size:12px}.upload-field input[type=file]{font-size:11px;padding:8px;background:#fff;margin-top:0}.upload-field input::file-selector-button{font:inherit;color:var(--green);background:#e9f0e1;border:0;border-radius:3px;padding:8px 12px;margin-right:10px;cursor:pointer}.field-help{font-size:10px;line-height:1.7;margin-top:8px;color:var(--muted)}.file-state{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:10px;line-height:1.6;color:var(--green)}.file-state>span{overflow-wrap:anywhere;min-width:0}.remove-file{border:0;border-bottom:1px solid var(--green);background:none;padding:1px 0;color:var(--green);font-size:10px;white-space:nowrap}.remove-file[hidden]{display:none}.form-actions button:disabled{opacity:.6;cursor:wait}

#application-form{margin-top:24px}

/* Lead with what Mosaic Labs is. */
.why-intro{grid-template-columns:minmax(0,1fr) 230px;gap:65px;align-items:center}.why-statement{font-size:clamp(34px,3.9vw,57px);line-height:1.24;letter-spacing:-1.9px;font-weight:500}.why-person-wrap{display:block}.why-person{width:220px;margin-right:0}.why-person .landing-portrait-image{height:245px}.why .principles{margin-top:55px}
@media(max-width:1000px){.why-intro{grid-template-columns:minmax(0,1fr) 195px;gap:35px}.why-statement{font-size:36px;letter-spacing:-1.3px}.why-person{width:185px}.why-person .landing-portrait-image{height:215px}}
@media(max-width:700px){.why-intro{display:block}.why-statement{font-size:33px;line-height:1.28;letter-spacing:-1.1px}.why-person-wrap{display:flex;justify-content:flex-end;margin-top:30px}.why-person{width:180px;margin-left:0;margin-right:10px}.why-person .landing-portrait-image{height:200px}.why .principles{margin-top:40px}}

.letter-paper .letterhead{margin-bottom:30px}

.letterhead>.brand img{mix-blend-mode:multiply}@media(max-width:700px){.letterhead>.brand{gap:9px}}

.hero-person .landing-portrait-image{aspect-ratio:1;height:auto}.hero-person img{object-fit:contain}

/* Seamless official-logo marquee. */
.brands{--brand-cycle:clamp(640px,65vw,1040px);gap:42px;overflow:hidden}.brands-intro{flex:0 0 115px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.brands-intro>span{font-size:8px;letter-spacing:1.5px;line-height:1.7;color:var(--muted)}.brands-toggle{display:inline-flex;gap:6px;align-items:center;padding:4px 0;border:0;background:none;color:var(--muted);font-size:9px}.brands-toggle:hover{color:var(--green)}.brands-toggle-icon{font-size:11px;line-height:1}.brand-marquee{min-width:0;flex:1;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}.brand-track{display:flex;width:max-content;animation:brand-drift 36s linear infinite;will-change:transform}.brand-track .brand-logos{display:flex;flex:0 0 var(--brand-cycle);width:var(--brand-cycle);gap:0;justify-content:space-around;padding:0 12px;align-items:center}.brand-track .brand-logo{flex:0 0 150px;width:150px;max-width:150px;height:84px}.brand-marquee:hover .brand-track,.brand-marquee:focus-within .brand-track,.brands.is-paused .brand-track{animation-play-state:paused}
@keyframes brand-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:700px){.brands{display:block}.brands-intro{flex-direction:row;justify-content:space-between;align-items:center;gap:15px;margin-bottom:13px}.brands-intro>span{font-size:7px}.brands-toggle{font-size:9px}.brand-track .brand-logo{flex-basis:145px;width:145px;max-width:145px;height:75px}}
@media(prefers-reduced-motion:reduce){.brand-track{animation:none;transform:none;will-change:auto;width:100%}.brand-track .brand-logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;flex:1;gap:20px;padding:0}.brand-track .brand-logos[aria-hidden=true]{display:none}.brand-track .brand-logo{width:100%;max-width:150px}.brands-toggle{display:none}.brand-marquee{mask-image:none}@media(max-width:700px){.brand-track .brand-logos{grid-template-columns:1fr 1fr;gap:15px 30px}}}

/* Transparent cutouts sit directly on the section; linework stays visible around the portraits. */
.landing-portrait{position:relative;isolation:isolate;transform:none}
.landing-portrait .landing-portrait-image{position:relative;z-index:1;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.landing-portrait img,.landing-portrait:hover img{transform:none;filter:none}
.hero-person,.why-person,.param-person,.roles-person{transform:none}
.hero-person .landing-portrait-image{height:auto;aspect-ratio:1}
.portrait-interactive .landing-portrait-image{height:auto;aspect-ratio:300/340;overflow:hidden}
.portrait-interactive img{object-fit:contain;object-position:center bottom}
.portrait-linework{position:absolute;inset:-8% -12%;width:124%;height:116%;z-index:0;overflow:visible;pointer-events:none;color:var(--green)}
.portrait-linework path{stroke:currentColor;stroke-width:1.6;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0;opacity:.8}
.portrait-linework path:nth-child(even){color:#82b798;stroke-width:1.2}

/* Four evenly spaced platform statistics. */
.proof{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.proof .stat{align-items:center;text-align:center;padding:0 20px}
.proof .stat:first-child{border-left:0}
@media(max-width:700px){.proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0}.proof .stat{padding:0 10px}.proof .stat:nth-child(odd){border-left:0}}

/* Staggered scroll reveals: precise, quiet movement through the story. */
@media(prefers-reduced-motion:no-preference){
.scroll-reveal{opacity:0;transform:translateY(32px);filter:blur(3px);transition:opacity .85s ease,transform .85s cubic-bezier(.16,1,.3,1),filter .85s ease;transition-delay:var(--reveal-delay,0ms)}
.scroll-reveal.is-visible{opacity:1;transform:translateY(0);filter:blur(0)}
.landing-portrait.scroll-reveal{transform:translateY(38px) scale(.96);filter:none;transition-duration:1.05s}
.landing-portrait.scroll-reveal.is-visible{transform:translateY(0) scale(1)}
}

/* Letter-led landing page; the original four-part motif sits behind open roles. */
main>.ceo-letter{border-top:0}
.roles{position:relative;isolation:isolate;overflow:hidden}
.roles>.roles-intro,.roles>.role-list{position:relative;z-index:1}
.roles .roles-motif{width:450px;height:450px;right:12%;top:auto;bottom:-95px;transform:rotate(-15deg);opacity:.11;pointer-events:none;z-index:0}
.roles .roles-motif span{border-width:42px}
@media(max-width:700px){.roles .roles-motif{width:300px;height:300px;right:-45px;bottom:-30px;opacity:.1;gap:8px}.roles .roles-motif span{border-width:28px}}

/* Live opening count beside the navigation link. */
nav a:has(.nav-count){display:inline-flex;align-items:center;gap:7px}
nav .nav-count{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;padding:0 6px;margin:0;border-radius:50%;background:#dfecdf;color:var(--green);font-size:10px;font-weight:600;line-height:1;vertical-align:baseline}

/* Shared butterfly motif behind each role introduction. */
.job-hero{position:relative;isolation:isolate;overflow:hidden}
.job-hero>:not(.job-motif){position:relative;z-index:1}
.job-hero .job-motif{width:490px;height:490px;right:5%;top:50%;transform:translateY(-50%) rotate(-15deg);opacity:.13;pointer-events:none;z-index:0}
.job-hero .job-motif span{border-width:45px}
@media(max-width:1000px){.job-hero .job-motif{width:390px;height:390px;right:-40px;opacity:.1}.job-hero .job-motif span{border-width:36px}}
@media(max-width:700px){.job-hero .job-motif{width:310px;height:310px;right:-100px;top:48%;opacity:.09;gap:8px}.job-hero .job-motif span{border-width:29px}}

/* The invitation types in place, with a horizontal terminal cursor. */
.typing-line{display:inline-grid;max-width:100%;text-align:left;color:var(--green)}
.typing-reserve,.typing-live{grid-area:1/1}
.typing-reserve{visibility:hidden;pointer-events:none}
.typing-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.terminal-cursor{display:inline-block;width:.48em;height:.075em;margin-left:.1em;background:currentColor;vertical-align:-.07em;animation:terminal-blink 1s steps(1,end) infinite}
@keyframes terminal-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.terminal-cursor{animation:none}}

/* Give the opening invitation breathing room above the letter. */
.ceo-letter .letter-layout{gap:85px}
.letter-heading .typing-line,.letter-heading .typing-live{color:#126455}
@media(max-width:700px){.ceo-letter .letter-layout{gap:55px}}

/* A viewport-sized opening leaves just a glimpse of the stationery below. */
main>.ceo-letter{--opening-header-height:100px;padding-top:0}
.ceo-letter .letter-layout{gap:0}
.ceo-letter .letter-heading{width:100%;min-height:calc(100svh - var(--opening-header-height) - 80px);display:flex;align-items:center;justify-content:center;padding:60px 0 80px;text-align:center}
.letter-heading .typing-line{text-align:center}
@media(max-width:1000px){main>.ceo-letter{--opening-header-height:85px}}
@media(max-width:700px){.ceo-letter .letter-heading{min-height:auto;padding:70px 0 100px}}

/* Reveal the letterhead and invite a scroll with two blinking downward chevrons. */
.ceo-letter .letter-heading{position:relative;min-height:calc(100svh - var(--opening-header-height) - 140px)}
.letter-scroll-cue{position:absolute;left:50%;bottom:28px;transform:translateX(-50%);display:grid;place-items:center;width:44px;height:50px;color:var(--green)}
.letter-scroll-cue svg{width:26px;height:40px}
.letter-scroll-cue path{stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;animation:scroll-chevron-blink 1.6s ease-in-out infinite}
.letter-scroll-cue path+path{animation-delay:.22s}
@keyframes scroll-chevron-blink{0%,100%{opacity:.2}45%,65%{opacity:1}}
@media(max-width:700px){.ceo-letter .letter-heading{min-height:auto;padding-bottom:110px}.letter-scroll-cue{bottom:25px}}
@media(prefers-reduced-motion:reduce){.letter-scroll-cue path{animation:none;opacity:.8}}

/* Pale wax-grain S stroke sits behind the opening message. */
.ceo-letter .letter-heading{isolation:isolate}
.header-crayon{position:absolute;z-index:-1;left:50%;top:calc(50% - 10px);transform:translate(-50%,-50%) rotate(-2deg);width:min(1050px,100%);height:auto;opacity:.64;pointer-events:none;user-select:none}
.letter-heading #letter-title{position:relative;z-index:1}
@media(max-width:700px){.header-crayon{width:125%;max-width:none;top:calc(50% - 20px);height:180px;object-fit:fill;opacity:.55}}

/* One continuous linework frame brings the three builders together. */
.roles-person-wrap.roles-team-wrap{width:430px;flex-shrink:0}
.roles-team{width:100%;max-width:none}
.roles-team .team-portraits{display:flex;align-items:flex-end;width:100%;height:170px;aspect-ratio:auto;overflow:visible}
.roles-team .team-portraits img{width:33.333%;height:100%;object-fit:contain;object-position:center bottom;flex:0 0 33.333%}
.roles-team .team-portraits .subhro-portrait{height:88%;padding:0 4px}
@media(max-width:1000px){.roles-person-wrap.roles-team-wrap{width:360px}.roles-team .team-portraits{height:150px}}
@media(max-width:700px){.roles-person-wrap.roles-team-wrap{width:100%;max-width:360px;margin:40px auto 0}.roles-team .team-portraits{height:160px}}

/* Trace each transparent portrait edge with a crisp green line. */
.roles-team .team-portraits img{filter:drop-shadow(0 0 1.1px #126455) drop-shadow(0 0 2.5px rgba(130,183,152,.5))}
footer>span:last-child{margin-left:auto}
@media(max-width:700px){footer>span:last-child{justify-self:end}}
.form-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}.application-security{font-size:11px;color:var(--muted);line-height:1.5;max-width:190px}.form-actions #form-status{margin:0}
.form-consent{display:flex;align-items:flex-start;gap:10px;margin:4px 0 14px;font-size:12px;line-height:1.5}.form-consent input{display:block;width:16px;height:16px;flex:0 0 auto;margin:2px 0 0;accent-color:var(--green)}.form-consent>span{color:var(--ink)}