*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:#fafbfc;color:#182d38;font-family:Inter,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #167864;outline-offset:6px}header,main,footer{max-width:1200px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 48px;border-bottom:1px solid #dce2e6}.wordmark{font-size:19px;font-weight:700;letter-spacing:-.4px}.wordmark span{display:block;font-size:11px;letter-spacing:2px;color:#657682;margin-top:2px}nav{display:flex;gap:30px;font-size:14px}nav a:hover,.text-link:hover{color:#167864}.nav-contact{font-weight:700}.hero{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;padding:90px 48px 65px;align-items:center}.eyebrow,.meta,.dates{font-size:12px;letter-spacing:1.6px;font-weight:700;color:#526b79}.eyebrow{margin:0 0 22px}h1,h2,h3{line-height:1.15;letter-spacing:-1.7px;margin:0;font-weight:650}h1{font-size:clamp(42px,5vw,64px)}h1 span,h1 em{color:#52717e;font-style:normal}.intro{font-size:20px;line-height:1.65;margin:28px 0 16px;max-width:560px}.hero-note{font-size:16px;color:#5c6d77;margin-bottom:30px}.button{display:inline-flex;gap:35px;align-items:center;background:#183a46;color:white;padding:13px 20px;font-size:14px;font-weight:600;border-radius:3px}.button:hover{background:#245461}.text-link{font-size:14px;font-weight:600;display:inline-block;margin:14px 0}.hero-copy>.text-link{margin-left:20px}.hero-art{background:#132d3a;color:#c4d6dc;border-radius:5px;padding:24px 22px;transform:rotate(-2deg);box-shadow:15px 20px 0 #e7edf0}.art-heading{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px}.hero-art svg{display:block;width:100%;margin:15px 0}.hero-art p{font-size:12px;margin:0}.focus-strip{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce2e6;border-bottom:1px solid #dce2e6;margin:0 48px;padding:20px 0;font-size:14px;color:#526b79}.section{padding:85px 48px 0}.section-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:end;margin-bottom:45px}.section-heading>p{color:#657682;font-size:16px;max-width:360px;margin:0 0 3px}h2{font-size:38px}h3{font-size:28px;letter-spacing:-.7px}.project{display:grid;grid-template-columns:1fr 1.1fr;gap:55px;margin-bottom:56px;padding-bottom:56px;border-bottom:1px solid #dce2e6;align-items:start}.project-visual{height:320px;border-radius:4px;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;background:#e6edf0}.project-copy>.meta{margin:0 0 15px}.project-copy>p{font-size:16px;color:#556b77}.tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.tags span{font-size:12px;border:1px solid #ced9df;border-radius:3px;padding:3px 9px;color:#526b79}.visual-caption{position:absolute;left:22px;bottom:20px;font-family:monospace;font-size:11px;letter-spacing:1px;color:#7fa0af}.shelves{background:#142e3b;flex-direction:column;gap:30px;padding-bottom:25px}.shelf-row{display:flex;gap:12px;border-bottom:4px solid #4f6774;padding:0 14px 10px}.shelf-row i{height:63px;width:43px;background:#455e6c;border-radius:5px 5px 0 0;outline:1px solid #68cdbb;outline-offset:5px;position:relative}.shelf-row i:before{content:'';position:absolute;left:8px;right:8px;top:24px;height:17px;background:#72939b}.shelf-row i:nth-child(2n){height:72px;width:35px;background:#2d706e}.shelf-row i:nth-child(3n){background:#859695;width:51px}.ct{background:#e5eaee}.ct .visual-caption{color:#526b79}.log-section{width:210px;height:210px;border-radius:48% 53% 46% 51%;background:repeating-radial-gradient(ellipse at 47% 50%,#798991 0 3px,#a4b0b4 4px 8px,#c7d0d2 9px 13px);border:10px solid #536976;position:relative;transform:rotate(-13deg)}.log-section b,.log-section i,.log-section em{position:absolute;background:#2f9380;opacity:.8;border:2px solid #c0f0db;border-radius:45% 30% 50% 35%}.log-section b{width:42px;height:66px;left:37px;top:65px;transform:rotate(26deg)}.log-section i{width:32px;height:52px;right:32px;top:33px}.log-section em{width:28px;height:28px;right:55px;bottom:25px}.defects{background:#e5efeb;gap:40px}.defects .visual-caption{color:#4d7565}.apple{width:115px;height:120px;border-radius:45% 45% 47% 47%;background:#61957c;position:relative;transform:rotate(-10deg)}.apple:before{content:'';position:absolute;top:-21px;left:58px;width:6px;height:30px;background:#3c6551;transform:rotate(20deg)}.apple:after{content:'';position:absolute;top:-14px;left:67px;width:32px;height:16px;background:#39705a;border-radius:0 70% 0 70%}.apple span{position:absolute;top:40px;left:23px;width:35px;height:40px;background:#bd916d;border:2px dashed #244e45;border-radius:45%}.board{width:90px;height:180px;background:repeating-linear-gradient(88deg,#bcad8d 0 8px,#b5a486 10px 12px,#c9bb9f 15px 24px);transform:rotate(12deg);position:relative}.board span{position:absolute;top:65px;left:22px;width:43px;height:50px;background:#8d765d;border-radius:50%;outline:2px dashed #326b59;outline-offset:6px}details{border-top:1px solid #dce2e6;margin-top:20px}summary{cursor:pointer;padding:15px 0;font-size:14px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary span{font-size:19px;font-weight:400}details[open] summary span{transform:rotate(45deg)}details p{font-size:15px;color:#556b77}.career article{display:grid;grid-template-columns:180px 1fr;border-top:1px solid #dce2e6;padding:30px 0;gap:30px}.career .dates{margin:5px 0}.career h3{font-size:25px}.role{font-weight:600;margin:8px 0;font-size:16px}.career article>div>p:not(.role){color:#556b77;font-size:16px;max-width:700px;margin:12px 0}.expertise{padding-bottom:80px}.expertise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.expertise-grid article{border-top:2px solid #325c64;padding-top:18px}.expertise-grid article>span{font-family:monospace;font-size:12px;color:#657682}.expertise-grid h3{font-size:22px;margin:18px 0}.expertise-grid p{font-size:16px;color:#556b77}.expertise-grid .tools{font-size:13px;color:#33596b}.research{background:#eef2f4;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-bottom:70px}.research>div>p:not(.eyebrow){font-size:16px;color:#556b77;margin-top:25px}.credentials article{padding:0 0 22px;margin-bottom:22px;border-bottom:1px solid #d0dbe0}.credentials .meta{margin:0 0 10px}.credentials h3{font-size:22px}.credentials p:last-child{font-size:14px;color:#556b77;margin:8px 0 0}.credentials article:last-child{margin-bottom:0;border:0;padding:0}.contact{text-align:center;padding:90px 30px;background:#132d3a;color:white}.contact .eyebrow{color:#75cbb9}.contact h2{font-size:42px}.contact p:not(.eyebrow){color:#b9cbd3;font-size:16px;max-width:490px;margin:24px auto}.contact .button{background:#72cbb9;color:#132d3a}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 48px;font-size:12px;color:#657682}.skip{position:absolute;left:10px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}@media(max-width:850px){header{padding:24px}nav{gap:18px}.hero{padding:65px 24px 50px;gap:30px}.hero-art{padding:15px;box-shadow:8px 12px 0 #e7edf0}.section{padding:65px 24px 0}.section-heading,.project{gap:30px}.focus-strip{margin:0 24px}.project-visual{height:280px}.shelf-row{gap:9px}.shelf-row i{width:30px}.shelf-row i:nth-child(3n){width:35px}.career article{grid-template-columns:130px 1fr}.research{padding-bottom:55px;gap:35px}h2{font-size:32px}.expertise{padding-bottom:60px}.expertise-grid{gap:20px}footer{padding:25px 24px}}@media(max-width:620px){header{align-items:start;gap:20px;flex-wrap:wrap}nav{width:100%;justify-content:space-between;font-size:13px;gap:10px}.hero{grid-template-columns:1fr;padding-top:45px}.hero-art{max-width:420px;margin:10px 10px 15px;transform:rotate(-1deg)}h1{font-size:43px;letter-spacing:-1.5px}.intro{font-size:19px}.focus-strip{flex-wrap:wrap;justify-content:start;gap:8px 20px;font-size:12px}.section-heading,.project,.research{grid-template-columns:1fr}.section-heading{gap:22px}.section-heading>p{max-width:none}.project{gap:26px;margin-bottom:40px;padding-bottom:40px}.project-visual{height:285px}.project-copy h3{font-size:29px}.career article{grid-template-columns:1fr;gap:10px}.expertise-grid{grid-template-columns:1fr;gap:28px}.expertise-grid h3{margin:12px 0}.research{padding-bottom:50px}.contact{padding:65px 24px}.contact h2{font-size:35px}footer{flex-wrap:wrap;gap:10px}footer span:nth-child(2){width:100%;order:3}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}