:root{--ink:#121416;--paper:#f6f6f2;--white:#fff;--blue:#1e4d71;--line:rgba(18,20,22,.17);--serif:"Instrument Serif",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}.skip-link{position:fixed;top:-50px;left:20px;background:var(--ink);color:#fff;padding:10px;z-index:20}.skip-link:focus{top:15px}.site-header{height:76px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 4.2vw;position:sticky;top:0;background:rgba(246,246,242,.92);backdrop-filter:blur(12px);z-index:10}.wordmark{font-size:15px;font-weight:600;color:inherit;text-decoration:none;letter-spacing:.03em}.wordmark span{color:var(--blue)}nav{display:flex;gap:26px;margin:auto}nav a,.header-link,.footer a{font-size:12px;text-decoration:none;color:inherit;letter-spacing:.03em}.header-link span{color:var(--blue);font-size:14px}.menu-button{display:none;background:none;border:0;font:inherit}.hero{min-height:calc(100vh - 76px);padding:30px 4.2vw 24px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.eyebrow,.section-label,.overline{font:11px var(--mono);letter-spacing:.04em;text-transform:uppercase}.eyebrow span,.section-label span{color:var(--blue);margin-right:20px}.hero-copy{margin-top:auto;margin-bottom:auto}.hero-kicker{font:12px var(--mono);text-transform:uppercase;letter-spacing:.04em;margin:0 0 21px}.hero-kicker i{color:var(--blue);font-style:normal;padding:0 5px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(105px,18vw,285px);font-weight:400;letter-spacing:-.075em;line-height:.68;margin:0 0 80px}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.06em}.hero-bottom{display:grid;grid-template-columns:1.4fr 1fr;max-width:750px;gap:35px;font-size:16px;line-height:1.38}.hero-bottom p{margin:0}.location{font-size:12px;line-height:1.45;color:#5d6063}.scroll-cue{font:11px var(--mono);color:inherit;text-decoration:none;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:7px;align-self:flex-start}.scroll-cue span{padding-left:24px;color:var(--blue);font-size:16px}.statement,.experience,.design,.skills{display:grid;grid-template-columns:25% 1fr;gap:30px;padding:155px 4.2vw;border-top:1px solid var(--line)}h2{font-size:clamp(50px,7.6vw,130px);font-weight:400;line-height:.82;letter-spacing:-.06em;margin:0}.body-columns{display:grid;grid-template-columns:1fr 1fr;max-width:820px;gap:55px;margin-top:70px;font-size:17px;line-height:1.55}.body-columns p{margin:0}.path{padding:35px 4.2vw 110px;display:grid;grid-template-columns:1fr 35px 1fr 35px 1fr;gap:15px}.path-item{border-top:1px solid var(--ink);padding-top:12px;display:grid;grid-template-columns:55px 1fr}.path-item>span{font:11px var(--mono);color:var(--blue)}.path-item strong{font-size:clamp(20px,2.2vw,32px);font-weight:400;line-height:.95;letter-spacing:-.05em}.path-item small{grid-column:2;font:11px var(--mono);color:#626568;margin-top:25px}.path-arrow{font-size:20px;color:var(--blue);padding-top:8px}.experience{background:var(--ink);color:var(--paper)}.experience .section-label span{color:#8eb5d2}.role-heading h2{font-size:clamp(45px,6.7vw,112px)}.company{margin-top:78px;border-top:1px solid rgba(255,255,255,.25);border-bottom:1px solid rgba(255,255,255,.25);padding:13px 0;display:grid;grid-template-columns:1.6fr 1fr auto;font:11px var(--mono);text-transform:uppercase}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:43px;font-size:16px;line-height:1.5}.experience-grid ul{list-style:none;padding:0;margin:0;border-top:1px solid rgba(255,255,255,.25)}.experience-grid li{padding:7px 0;border-bottom:1px solid rgba(255,255,255,.25);font-size:13px}.medical{padding:155px 4.2vw;background:var(--white);position:relative}.medical-top{display:grid;grid-template-columns:25% 1fr;max-width:810px}.medical-top>p{font-size:14px;line-height:1.45;margin:0;max-width:350px}.medical h2{margin:92px 0 68px}.device-list{border-top:1px solid var(--ink);max-width:850px}.device{width:100%;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 0;display:grid;grid-template-columns:70px 1fr 30px;text-align:left;align-items:center;font:clamp(25px,3.9vw,52px) var(--sans);letter-spacing:-.055em;cursor:pointer;transition:padding .25s,color .25s}.device:hover,.device.active{color:var(--blue);padding-left:9px}.device>span{font:11px var(--mono);letter-spacing:0;color:#777}.device b{font-size:22px;font-weight:400}.device-detail{position:absolute;right:4.2vw;bottom:155px;width:26%;min-width:250px;border-top:1px solid var(--ink);padding-top:12px}.device-detail h3{font:42px var(--serif);margin:20px 0 10px}.device-detail>p{font-size:14px;line-height:1.45}.device-detail div{display:flex;flex-wrap:wrap;gap:5px;margin:20px 0 25px}.device-detail div span{border:1px solid var(--line);font:10px var(--mono);padding:6px 8px}.device-detail small{font:10px var(--mono);line-height:1.45;color:#737373;display:block}.design-head{display:grid;grid-template-columns:1fr 1fr;gap:40px}.design-head>p{max-width:325px;margin:9px 0;font-size:15px;line-height:1.5}.project-grid{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:78px}.project-graphic{height:235px;background:#e7e8e4;margin-bottom:19px;position:relative;overflow:hidden;font:11px var(--mono);color:#565b5e;padding:12px}.graphic-one i{position:absolute;border:1px solid var(--blue);border-radius:50%}.graphic-one i:nth-child(2){width:160px;height:160px;right:-35px;bottom:-40px}.graphic-one i:nth-child(3){width:94px;height:94px;right:70px;bottom:30px}.graphic-one i:nth-child(4){width:45px;height:45px;right:95px;bottom:55px;background:var(--blue)}.graphic-two>div{height:130%;width:65%;background:var(--ink);transform:rotate(37deg);position:absolute;right:-20px;top:-25px}.graphic-three{background:var(--blue);color:#dce6eb}.graphic-three b{font:90px var(--serif);position:absolute;bottom:-18px;letter-spacing:-.1em}.graphic-three b:last-child{right:10px;top:-10px;color:var(--paper)}.project h3{font:26px var(--serif);font-weight:400;margin:8px 0}.project>div:last-child>p:last-child{font-size:13px;line-height:1.45;color:#555}.skills{padding-bottom:135px}.skills h2{grid-column:2;margin-bottom:65px}.skill-grid{grid-column:2;display:grid;grid-template-columns:repeat(2,1fr);gap:45px 30px}.skill-grid>div{border-top:1px solid var(--ink);padding-top:11px;display:flex;flex-direction:column}.skill-grid .overline{margin-bottom:25px;color:var(--blue)}.skill-grid span{border-bottom:1px solid var(--line);padding:8px 0;font-size:15px}.skill-grid small{font:10px var(--mono);color:#777;margin-left:9px}.footer{background:var(--blue);color:#f4f6f3;padding:45px 4.2vw 25px;min-height:78vh;display:flex;flex-direction:column}.footer .section-label span{color:#c8e0ed}.footer-kicker{font:11px var(--mono);margin:16vh 0 12px;text-transform:uppercase}.footer h2{font-size:clamp(50px,9vw,150px);line-height:.77}.footer h2 em{color:#c8e0ed}.footer-bottom{margin-top:auto;display:flex;justify-content:space-between;padding-top:35px;border-top:1px solid rgba(255,255,255,.4);font:11px var(--mono);text-transform:uppercase}.footer-bottom p{margin:0}.footer-bottom div{display:flex;gap:30px}.footer a{color:inherit}.reveal{animation:appear .7s both;animation-timeline:view();animation-range:entry 8% cover 25%}@keyframes appear{from{opacity:.15;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-width:780px){.site-header{height:63px;padding:0 20px}.header-link{display:none}.menu-button{display:block;margin-left:auto;font-size:12px;text-transform:uppercase;letter-spacing:.05em}nav{display:none;position:absolute;top:62px;left:0;right:0;background:var(--paper);padding:20px;flex-direction:column;gap:17px;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{min-height:calc(100svh - 63px);padding:20px}.hero-kicker{line-height:1.7}.hero-bottom{display:block;font-size:15px}.location{margin-top:20px!important}.statement,.experience,.design,.skills{grid-template-columns:1fr;padding:90px 20px;gap:35px}.body-columns{grid-template-columns:1fr;gap:20px;margin-top:38px;font-size:16px}.path{padding:12px 20px 80px;grid-template-columns:1fr;gap:14px}.path-arrow{transform:rotate(90deg);height:15px}.path-item small{margin-top:15px}.company{margin-top:50px;grid-template-columns:1fr;gap:5px}.experience-grid{grid-template-columns:1fr;gap:23px;margin-top:33px}.medical{padding:90px 20px 350px}.medical-top{grid-template-columns:1fr;gap:30px}.medical h2{margin:65px 0 42px}.device{grid-template-columns:42px 1fr 20px;font-size:34px}.device-detail{left:20px;right:20px;bottom:90px;width:auto}.design-head{grid-template-columns:1fr;gap:20px}.project-grid{grid-column:auto;grid-template-columns:1fr;gap:38px;margin-top:28px}.project-graphic{height:250px}.skills h2{grid-column:auto;margin-bottom:25px}.skill-grid{grid-column:auto;grid-template-columns:1fr;gap:30px}.footer{padding:34px 20px 20px;min-height:650px}.footer-kicker{margin-top:120px}.footer-bottom{gap:25px;flex-wrap:wrap}.footer-bottom div{order:-1;width:100%}h1{font-size:30vw;margin-bottom:65px}.reveal{animation:none}}