@font-face{font-family:DM Sans;src:url("assets/fonts/dm-sans.ttf") format("truetype");font-weight:100 1000;font-display:swap}
:root{--ink:#ece6e0;--muted:#aaa19b;--accent:#ffc5a6;--panel:#2d2b29;--dark:#242322;--pad:42px;color-scheme:dark}
*{box-sizing:border-box}html{margin:0;scroll-behavior:auto}body{margin:0;background:#242322;color:var(--ink);font-family:DM Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #e5783c;outline-offset:5px}button,a{touch-action:manipulation}p,h1,h2,h3,figure{margin:0}button[hidden],[hidden]{display:none!important}em{font-style:normal;font-weight:400;color:#d78359}::selection{background:#f6ab7e;color:#211913}.skip-link{position:fixed;left:20px;top:10px;padding:12px 18px;background:#fff;color:#19191d;z-index:40;transform:translateY(-160%)}.skip-link:focus{transform:none}
.laptop-story{position:relative}.laptop-stage{position:relative;min-height:100svh;isolation:isolate;padding:130px var(--pad) 110px}.scene-backdrop{position:absolute;inset:0;z-index:-2;overflow:hidden;background:#242322}.scene-grid{position:absolute;inset:0;background-image:linear-gradient(#b4a18e0a 1px,transparent 1px),linear-gradient(90deg,#b4a18e0a 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(transparent 12%,#000 85%)}
.site-header{position:absolute;top:0;left:var(--pad);right:var(--pad);height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #92929535;z-index:10;font-size:12px}.wordmark{display:flex;gap:17px;align-items:center;font-size:12px;font-weight:650;letter-spacing:.12em}.wordmark small{display:block;font-size:7px;font-weight:450;color:var(--muted);letter-spacing:.14em;margin-top:6px}.brand-symbol{position:relative;font-size:41px;font-weight:650;line-height:1;letter-spacing:-.12em;padding-right:8px}.brand-symbol>span{font-weight:350}.brand-symbol>i{position:absolute;right:-1px;top:3px;width:5px;height:5px;border-radius:50%;background:var(--accent)}.site-header nav{display:flex;gap:36px;align-items:center}.site-header nav a:hover,.header-resume:hover{color:var(--accent)}sup{font-size:7px;color:var(--muted);padding-left:3px}.header-resume{font-size:11px;border:1px solid #aaa6a54d;border-radius:30px;padding:11px 18px}
.story-heading{position:relative;z-index:3;margin-bottom:65px;pointer-events:none}.eyebrow{font-size:10px;letter-spacing:.16em;display:flex;align-items:center;gap:9px;color:#c1bec5}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(64px,6.4vw,103px);font-weight:500;line-height:.98;letter-spacing:-.065em;margin-top:25px}h1 em{color:#ffc5a6;font-weight:450}.story-intro{font-size:15px;color:#b5b2bc;line-height:1.65;margin-top:26px}.open-laptop{display:flex;align-items:center;gap:13px;padding:0;background:none;margin-top:35px;font-size:12px;pointer-events:auto}.circle-arrow{width:39px;height:39px;display:grid;place-items:center;border:1px solid #ccc4c54a;border-radius:50%;font-size:19px}.open-laptop:hover .circle-arrow{background:var(--accent);border-color:var(--accent);color:#161618}.button-note{font-size:7px;letter-spacing:.1em;color:#aaa4af;margin-left:10px}.scene-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}.scene-canvas canvas{display:block;width:100%;height:100%}.scene-caption{display:none;position:absolute;right:7%;bottom:145px;font-size:8px;letter-spacing:.13em;color:#a9a7ae;z-index:2}.scene-caption span{display:block;line-height:1.8}.chapter-annotation{display:none;position:absolute;left:var(--pad);top:39%;z-index:2;max-width:125px}.chapter-annotation>span{font-size:8px;letter-spacing:.1em;line-height:1.7}.chapter-annotation p{font-size:13px;line-height:1.45;margin-top:16px;color:var(--muted)}.annotation-rule{width:55px;border-top:1px solid currentColor;margin-top:24px;position:relative;opacity:.4}.annotation-rule:after{content:"";width:4px;height:4px;border:1px solid currentColor;position:absolute;right:0;top:-3px}
.screen-layer{position:relative;z-index:4;max-width:1120px;margin:0 auto;pointer-events:none}.screen-ui{pointer-events:auto;transform-origin:0 0;color:#eee7df;background:var(--panel);border-radius:10px;box-shadow:0 0 0 8px #1c1b20,0 28px 90px #0005;overflow:hidden;color-scheme:dark;line-height:1.4}.os-toolbar{height:38px;background:#201f1e;color:#a6a7ae;display:flex;align-items:center;padding:0 24px;gap:20px;font-size:11px;letter-spacing:.04em;flex-shrink:0}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;background:#6d676a;border-radius:50%}.window-dots i:first-child{background:#c87f66}.window-dots i:nth-child(2){background:#c7aa75}.window-dots i:last-child{background:#8b9f81}.os-status{margin-left:auto;font-size:9px;letter-spacing:.13em;display:flex;align-items:center;gap:7px}.os-status i,.os-footer i{background:#9dc69e;width:5px;height:5px;border-radius:50%;display:inline-block}.os-tabs{display:flex;align-items:stretch;flex-shrink:0;background:#232220;border-bottom:1px solid #4b4540;height:57px;padding:7px 18px 0;gap:4px}.os-tabs button{position:relative;background:transparent;color:#b0a69d;padding:0 22px;border-radius:8px 8px 0 0;font-size:15px;font-weight:500;white-space:nowrap;border:1px solid transparent;border-bottom:0}.os-tabs button span{font-size:9px;font-weight:450;opacity:.6;margin-right:8px}.os-tabs button[aria-selected=true]{background:var(--panel);color:#ffccb0;border-color:#4b4540}.os-tabs button[aria-selected=true]:after{content:"";height:2px;background:var(--panel);position:absolute;bottom:-2px;left:0;right:0}.os-tabs button:hover{color:#ffd4bc}.os-panels{position:relative;min-height:0;flex:1}.os-panel{padding:35px 40px 25px;scrollbar-width:thin;scrollbar-color:#c7c1b8 transparent}.os-eyebrow{font-size:10px;letter-spacing:.16em;color:#b5a498;margin-bottom:14px}.os-panel h2{font-size:54px;font-weight:500;letter-spacing:-.052em;line-height:1.07;margin-bottom:20px}.os-panel h2 em{color:#ffc5a6}.os-panel p{font-size:19px;line-height:1.5}.os-panel .os-eyebrow{font-size:10px}.os-about{display:grid;grid-template-columns:1.45fr 1fr;gap:50px}.os-about .secondary-copy{font-size:16px;line-height:1.55;color:#b8afa7;margin-top:16px}.profile-portrait{margin:0;padding:9px;background:#3c3732;align-self:start;transform:rotate(2deg)}.profile-portrait img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;filter:saturate(.65)}.profile-portrait figcaption{display:flex;justify-content:space-between;gap:8px;font-size:7px;letter-spacing:.09em;padding:14px 4px 5px}.os-tags{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.os-tags span{font-size:10px;padding:7px 10px;border:1px solid #5a5048;border-radius:4px}.os-link{font-size:13px;display:inline-block;border-bottom:1px solid #c6b4a5;padding-bottom:3px}.os-link:hover{color:#ffd4bc}.panel-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:18px}.panel-heading h2{margin:0}.panel-heading>p{font-size:14px;color:#b6aaa0;margin-bottom:4px}.panel-heading .os-link{margin-bottom:8px;white-space:nowrap}.os-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.os-projects>button{position:relative;text-align:left;background:#34302c;border:1px solid #51463e;border-radius:5px;overflow:hidden;color:#f0e4d8;transition:box-shadow .2s,border-color .2s}.os-projects>button:hover{border-color:#ab8b73;box-shadow:0 5px 16px #57463916}.project-art{height:64px;position:relative;display:grid;place-items:center;overflow:hidden}.project-info{display:flex;flex-direction:column;padding:10px 12px 13px}.project-info small{font-size:8px;letter-spacing:.12em;color:#b9a391;margin-bottom:5px}.project-info strong{font-size:18px;font-weight:550;letter-spacing:-.025em}.project-info>span{font-size:11px;margin-top:3px;color:#b7ada4}.project-arrow{position:absolute;bottom:23px;right:11px;font-size:15px}.affinity-art{background:#41362f;color:#f1b195}.affinity-art b{font-size:52px;font-weight:500;letter-spacing:-.13em;line-height:1}.affinity-art b>span{color:#dcc3b0;font-weight:350}.affinity-art i{position:absolute;width:135px;height:59px;border:1px solid #cfbec94d;border-radius:50%;transform:rotate(-28deg)}.affinity-art i:nth-child(2){transform:rotate(28deg)}.neuro-art{background:#423c36;color:#c5a992;font-size:72px;line-height:1}.neuro-art i{position:absolute;width:100%;height:1px;background:#fff8;transform:rotate(-15deg)}.memory-art{background:#3b3630}.memory-art i{display:block;width:49px;height:61px;transform:rotate(-12deg);border-radius:10px;background:#6b5c51;box-shadow:5px 5px 0 #1b1917;border:1px solid #c2a38a}.memory-art i:after{content:"";position:absolute;width:26px;height:26px;top:7px;left:6px;border-radius:50%;background:#252321;box-shadow:inset 0 0 0 5px #5d5148;border:2px solid #c2a38a}.campus-art{background:#39332e;color:#dcbba2;font-size:73px;font-weight:300;line-height:1}.permit-art{background-color:#39332e;background-image:linear-gradient(#ba977924 1px,transparent 1px),linear-gradient(90deg,#ba977924 1px,transparent 1px);background-size:15px 15px}.permit-art i{width:67px;height:53px;border:3px double #b69c87;transform:rotate(-12deg)}.permit-art b{background:#dcbba2;border-radius:50%;position:absolute;width:31px;height:31px;line-height:31px;text-align:center;left:55%;top:30px;color:#39332e}.stock-art{background:#393831}.stock-art svg{width:120px;height:70px;fill:none;stroke:#e8b99c;stroke-width:1.5}.os-panel .panel-note{font-size:10px;color:#b2a598;margin-top:14px}.os-timeline{border-top:1px solid #504840;margin-top:25px}.os-timeline details{border-bottom:1px solid #504840}.os-timeline summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:170px 1fr 20px;align-items:center;padding:14px 0;gap:20px}.os-timeline summary::-webkit-details-marker{display:none}.os-timeline summary>span{font-size:10px;letter-spacing:.05em;color:#b8a596}.os-timeline strong{font-size:20px;font-weight:500;letter-spacing:-.025em}.os-timeline small{display:block;font-size:12px;letter-spacing:0;font-weight:400;margin-top:3px;color:#b6aaa0}.os-timeline b{font-size:25px;font-weight:300}.os-timeline details[open] b{transform:rotate(45deg)}.os-timeline details>p{font-size:15px;padding:4px 30px 18px 190px;color:#c4b8ad}.beyond-intro{max-width:850px;color:#c4b8ad}.os-people{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:26px}.os-people article{border-top:1px solid #504840;padding-top:17px}.people-index{font-size:8px;letter-spacing:.1em;color:#b8a596;display:block;margin-bottom:15px}.os-people strong{display:block;font-size:45px;letter-spacing:-.05em;font-weight:500;color:#ffc5a6}.os-people h3{font-size:16px;font-weight:500;margin:9px 0}.os-people p{font-size:14px;line-height:1.55;color:#c4b8ad}.os-connect{background:#2d2b29}.os-connect h2{font-size:74px}.os-connect>p:not(.os-eyebrow){color:#c4b8ad}.os-email{font-size:36px;letter-spacing:-.04em;display:flex;justify-content:space-between;align-items:center;margin-top:24px;border-bottom:1px solid #6b5545;padding-bottom:12px}.os-email:hover{color:#ffc5a6}.os-socials{display:flex;gap:30px;margin-top:20px;font-size:13px}.os-socials>span{margin-left:auto;font-size:10px;color:#b8a596}.os-footer{display:flex;justify-content:space-between;align-items:center;height:29px;flex-shrink:0;padding:0 24px;background:#262321;border-top:1px solid #504840;font-size:8px;letter-spacing:.09em;color:#b8a596}.os-footer i{background:#a37d53;margin-right:7px}
.story-footer{position:absolute;bottom:0;left:var(--pad);right:var(--pad);height:88px;border-top:1px solid #92929535;display:flex;align-items:center;justify-content:space-between;gap:35px;z-index:8}.motion-toggle{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:10px;background:none;white-space:nowrap}.motion-icon{display:grid;place-items:center;border:1px solid #aaa2a350;border-radius:50%;width:27px;height:27px;font-size:12px}.story-progress{display:flex;align-items:center;gap:17px;flex:1;max-width:430px;font-size:8px;letter-spacing:.09em}.story-progress>span:first-child{min-width:101px}.progress-ruler{height:18px;flex:1;position:relative;background:repeating-linear-gradient(90deg,#87838d75 0 1px,transparent 1px 8px);}.progress-ruler i{position:absolute;inset:0;transform-origin:left;transform:scaleX(0);background:repeating-linear-gradient(90deg,#fa9a71 0 2px,transparent 2px 8px)}#story-percent{width:32px;font-variant-numeric:tabular-nums}.next-chapter{background:none;font-size:11px;min-width:90px;text-align:right;padding:15px 0}.next-chapter span{margin-left:20px;color:var(--accent);font-size:18px}
.enhanced .laptop-story{height:850svh}.enhanced .laptop-stage{position:sticky;top:0;height:100svh;min-height:540px;overflow:clip;padding:0}.enhanced .story-heading{position:absolute;left:var(--pad);top:26%;margin:0}.enhanced .scene-caption,.enhanced .chapter-annotation{display:block}.enhanced .screen-layer{position:absolute;inset:0;margin:0;max-width:none}.enhanced .screen-ui{position:absolute;top:0;left:0;width:1000px;height:596px;display:flex;flex-direction:column;border-radius:5px;box-shadow:none;will-change:transform;opacity:0;visibility:hidden}.enhanced .os-panel{position:absolute;inset:0;overflow-y:auto}.enhanced .screen-ui.is-ready{opacity:1;visibility:visible}.enhanced .chapter-annotation{opacity:0}
.static-view .laptop-story{height:100svh}.static-view .story-heading,.static-view .scene-caption{display:none}.static-view .laptop-stage{min-height:650px}.static-view .chapter-annotation{display:none}.fallback-view .screen-ui{position:relative;transform:none!important;width:min(1040px,calc(100vw - 90px));height:min(668px,calc(100svh - 175px));min-height:420px;opacity:1;visibility:visible;box-shadow:0 0 0 10px #24242a,0 18px 70px #0006;border-radius:9px}.fallback-view .screen-layer{display:grid;place-items:center;padding:112px 45px 75px}.fallback-view .screen-ui:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:#5e5249}.fallback-view .laptop-story{height:auto}.fallback-view .laptop-stage{height:auto;min-height:100svh;overflow:visible}.fallback-view .screen-layer{position:relative}.fallback-view .scene-canvas{display:none}.fallback-view .story-heading{display:none}
dialog{margin:auto;padding:30px 35px 36px;max-width:760px;width:calc(100% - 32px);max-height:88svh;overflow-y:auto;border:1px solid #6b5545;border-radius:10px;background:#2d2b29;color:#eee7df;color-scheme:dark;box-shadow:0 30px 100px #0005}dialog::backdrop{background:#121218bd;backdrop-filter:blur(10px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #6b5545;padding-bottom:17px;gap:20px;font-size:9px;letter-spacing:.1em;color:#c4ad9b}.dialog-close{display:flex;gap:20px;align-items:center;padding:7px;background:none;font-size:12px;color:#eee7df}.dialog-close span{font-size:25px;line-height:1}#dialog-content{padding-top:30px}#dialog-content h2{font-size:43px;font-weight:500;letter-spacing:-.055em;line-height:1.1}#dialog-content h3{font-size:15px;font-weight:600;margin:26px 0 8px}#dialog-content p,#dialog-content li{font-size:14px;line-height:1.7;color:#c4b8ad}#dialog-content .dialog-subtitle{font-size:18px;margin:14px 0 28px;color:#e2b292}.dialog-role{font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#d2ac8e;margin-bottom:14px}#dialog-content ul{padding-left:20px}.dialog-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:26px;font-size:12px}.text-link{border-bottom:1px solid #ad9075;padding-bottom:3px}.cap-tags{font-size:10px;letter-spacing:.04em;margin-top:22px;color:#d2ac8e}.dialog-note{font-size:11px!important;border-top:1px solid #6b5545;margin-top:25px;padding-top:18px}.modal-open{overflow:hidden}.no-script-note{margin-top:35px;font-size:13px}
@media(min-width:1500px){.chapter-annotation{left:5%}:root{--pad:5vw}}
@media(max-width:1100px){.chapter-annotation{display:none!important}.site-header nav{gap:22px}.wordmark small{font-size:6px}.story-heading h1{font-size:8.5vw}}
@media(max-width:900px){:root{--pad:22px}.site-header{height:76px}.wordmark{gap:12px;font-size:10px;letter-spacing:.09em}.brand-symbol{font-size:35px}.wordmark small{font-size:5px;margin-top:5px}.site-header nav{display:none}.header-resume{font-size:9px;padding:9px 12px}.enhanced .story-heading{top:19%;right:22px}.story-heading h1{font-size:clamp(58px,16vw,87px);margin-top:18px}.eyebrow{font-size:8px}.story-intro{font-size:12px;line-height:1.6;margin-top:22px}.open-laptop{font-size:11px;margin-top:24px}.button-note{font-size:6px;margin-left:0}.circle-arrow{height:32px;width:32px}.enhanced .laptop-story{height:750svh}.enhanced .laptop-stage{min-height:530px}.scene-caption{right:22px;bottom:120px;font-size:6px}.story-footer{height:90px;gap:10px;flex-wrap:wrap;align-content:center;row-gap:6px}.motion-toggle{font-size:8px;gap:7px;padding:0}.motion-icon{height:23px;width:23px;font-size:10px}.story-progress{order:3;flex-basis:100%;max-width:none;gap:12px;font-size:7px}.progress-ruler{height:11px}.story-progress>span:first-child{min-width:94px}.next-chapter{margin-left:auto;font-size:9px;padding:4px 0;min-width:70px}.next-chapter span{margin-left:12px;font-size:14px}.enhanced.screen-focus .screen-ui,.fallback-view .screen-ui{width:calc(100vw - 44px);height:calc(100svh - 201px);min-height:330px;top:0;left:0;transform:none!important;border-radius:8px;box-shadow:0 0 0 5px #25252c,0 18px 50px #0004}.enhanced.screen-focus .screen-layer{inset:94px 22px 107px}.screen-focus .scene-canvas{opacity:0}.screen-focus .scene-caption{display:none}.os-toolbar{height:31px;padding:0 13px;gap:11px;font-size:8px}.os-status{font-size:5px;letter-spacing:.06em;gap:4px}.window-dots{gap:4px}.window-dots i{width:5px;height:5px}.os-tabs{height:auto;min-height:71px;flex-wrap:wrap;padding:6px 8px;gap:4px;background:#232220}.os-tabs button{border-radius:4px;border:1px solid transparent;padding:7px 9px;font-size:10px;min-height:29px;flex-grow:1}.os-tabs button span{font-size:7px;margin-right:4px}.os-tabs button[aria-selected=true]:after{display:none}.os-tabs button[aria-selected=true]{border:1px solid #65574b}.os-panel{padding:22px 18px}.os-panel h2{font-size:33px;margin-bottom:16px;line-height:1.06}.os-panel p{font-size:13px}.os-panel .os-eyebrow{font-size:7px;margin-bottom:12px}.os-about{display:block}.os-about .secondary-copy{font-size:12px;line-height:1.5;margin-top:13px}.profile-portrait{float:right;width:92px;margin:20px 0 10px 15px;transform:rotate(3deg)}.profile-portrait figcaption{display:none}.os-tags{gap:5px;margin:14px 0}.os-tags span{font-size:8px;padding:5px 7px}.os-link{font-size:10px}.panel-heading{display:block;margin-bottom:17px}.panel-heading>p{font-size:11px;margin-top:8px}.panel-heading .os-link{margin:0;font-size:10px}.os-projects{grid-template-columns:1fr 1fr;gap:8px}.project-art{height:64px}.project-info{padding:8px 9px 11px}.project-info small{font-size:5.5px}.project-info strong{font-size:12px;letter-spacing:-.03em}.project-info>span{font-size:8px;line-height:1.5;max-width:90px}.project-arrow{font-size:12px;right:7px;bottom:11px}.os-panel .panel-note{font-size:9px}.os-timeline{margin-top:13px}.os-timeline summary{grid-template-columns:1fr 18px;gap:5px;padding:14px 0}.os-timeline summary>span{grid-column:1;font-size:7px}.os-timeline summary strong{font-size:15px;grid-column:1}.os-timeline summary small{font-size:10px}.os-timeline summary b{grid-column:2;grid-row:1/3}.os-timeline details>p{font-size:12px;padding:0 0 15px}.os-people{grid-template-columns:1fr;gap:18px;margin-top:20px}.people-index{font-size:7px;margin-bottom:9px}.os-people strong{font-size:35px}.os-people h3{font-size:13px;margin:6px 0}.os-people p{font-size:12px}.os-connect h2{font-size:37px}.os-email{font-size:24px;margin-top:25px;padding-bottom:13px}.os-socials{gap:15px;flex-wrap:wrap;font-size:11px;margin-top:18px}.os-socials>span{width:100%;margin:0;font-size:9px}.os-footer{padding:0 12px;height:25px;font-size:5.5px;letter-spacing:.045em}.os-footer i{width:4px;height:4px;margin-right:4px}.static-view .laptop-story{height:100svh}.static-view .laptop-stage{min-height:530px}.fallback-view .screen-layer{padding:95px 22px 105px;inset:auto}.fallback-view .screen-ui{position:relative}.fallback-view .laptop-story{height:auto}.fallback-view .laptop-stage{min-height:100svh}.laptop-stage{padding:110px 22px}.screen-ui{border-radius:7px}.story-heading{margin-bottom:50px}dialog{padding:23px}#dialog-content h2{font-size:34px}.dialog-top{font-size:7px}.dialog-role{font-size:8px}}
@media(max-height:600px) and (min-width:901px){.site-header{height:70px}.story-footer{height:60px}.enhanced .story-heading{top:23%}h1{font-size:65px}.story-intro{font-size:12px}.open-laptop{margin-top:20px}.static-view .laptop-stage{min-height:540px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
.motion-paused .os-panel{animation:none!important}
.fallback-view .motion-toggle{display:none}.fallback-view .story-progress{max-width:600px}.fallback-view .screen-ui{height:min(668px,calc(100svh - 200px))}
.enhanced.fallback-view.screen-focus .screen-layer{inset:auto}
.hardware-overlay{position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;--line-reveal:0}
.hardware-marker{position:absolute;left:0;top:0;display:flex;align-items:flex-start;gap:12px;will-change:transform}
.marker-line{position:relative;display:block;width:52px;height:26px;border-top:1px solid #ad8e7759;border-left:1px solid #ad8e7759;transform-origin:bottom left;transform:scaleX(var(--line-reveal));rotate:-18deg}
.marker-line:after{content:"";position:absolute;left:-3px;bottom:-3px;width:5px;height:5px;border-radius:50%;background:#ffc5a6}
.marker-label{font:9px/1.6 monospace;letter-spacing:.07em;color:#d0b29c;white-space:nowrap;text-shadow:0 1px #242322}
.marker-label small{display:block;font-size:7px;color:#a69d96;margin-top:4px}.hinge-marker .marker-line{rotate:20deg}
.technical-axis{position:absolute;left:var(--pad);bottom:130px;width:50px;height:50px;color:#a8907c;font:8px monospace}
.technical-axis i{display:block;position:absolute;inset:8px 15px 8px 10px;border-left:1px solid #a8907c70;border-bottom:1px solid #a8907c70}.technical-axis span:last-child{position:absolute;right:0;bottom:5px}
.progress-ruler{overflow:visible}.progress-ruler button{position:absolute;left:var(--stop);top:50%;width:28px;height:36px;transform:translate(-50%,-50%);padding:0;background:transparent}
.progress-ruler button:after{content:"";position:absolute;left:12px;top:15px;width:5px;height:5px;border:1px solid #b9a492;background:#242322;border-radius:50%}
.progress-ruler button:hover:after,.progress-ruler button[aria-current=step]:after{background:#ffc5a6;border-color:#ffc5a6}.progress-ruler button:focus-visible{outline-offset:0}
.static-view .hardware-overlay,.fallback-view .hardware-overlay{display:none}
.os-tabs button:focus-visible{outline:2px solid #ffc5a6;outline-offset:-4px}.window-dots i{background:#8e7969!important}.window-dots i:first-child{background:#dfad8d!important}.os-status i{background:#c8b09b}
@media(min-width:901px){#experience h2,#beyond h2{font-size:44px}#experience .os-timeline{margin-top:16px}#experience .os-timeline summary{padding:10px 0}#experience .os-timeline strong{font-size:19px}#experience .os-timeline small{font-size:11px}#beyond .beyond-intro{font-size:17px}#beyond .os-people{margin-top:18px}#beyond .people-index{margin-bottom:10px}#beyond .os-people strong{font-size:36px}#beyond .os-people p{font-size:13px}}
body:not(.enhanced) .story-footer{position:relative;left:auto;right:auto;margin-top:35px}body:not(.enhanced) .progress-ruler{display:none}
@media(max-width:900px){.hardware-overlay{display:none}.os-panel p{font-size:15px}.os-about .secondary-copy{font-size:13px}.project-info>span{font-size:10px;max-width:calc(100% - 10px)}.project-info small{font-size:8px}.project-info strong{font-size:14px}.os-people p,.os-timeline details>p{font-size:14px}.progress-ruler button{height:28px}.progress-ruler button:after{top:11px}}
@media(min-width:901px) and (max-height:680px){.enhanced .story-heading{top:21%}.story-heading h1{font-size:64px}.story-intro{font-size:13px}.site-header{height:76px}.story-footer{height:65px}}
@media(max-height:540px){.enhanced.screen-focus .screen-ui{height:calc(100svh - 155px);min-height:220px}.enhanced.screen-focus .screen-layer{top:78px;bottom:77px}.site-header{height:65px}.story-footer{height:66px}.static-view .laptop-stage{min-height:100svh}}
.os-projects button{padding:0}.os-panel#work{padding-top:28px;padding-bottom:20px}#work .panel-heading h2{font-size:48px}#work .panel-heading{margin-bottom:15px}#work .panel-note{margin-top:10px}
@media(max-width:900px){#work .panel-heading h2{font-size:33px}.os-panel#work{padding:22px 18px}.os-tabs button{min-height:35px}.os-tabs{min-height:82px}}
@media(min-width:701px) and (max-width:900px){.enhanced .story-heading{top:18%}.story-heading h1{font-size:95px}.story-intro{font-size:16px}.enhanced.screen-focus .screen-layer{inset:110px 45px 115px}.enhanced.screen-focus .screen-ui,.fallback-view .screen-ui{width:calc(100vw - 90px);height:calc(100svh - 225px)}.os-toolbar{height:38px;font-size:11px}.os-status{font-size:8px}.os-tabs{min-height:50px;flex-wrap:nowrap}.os-tabs button{font-size:12px}.os-panel{padding:32px}.os-panel h2{font-size:48px}.os-panel p{font-size:17px}.os-panel .os-eyebrow{font-size:9px}.os-about .secondary-copy{font-size:15px}.profile-portrait{width:220px;float:none;margin:25px 0 0}.os-projects{grid-template-columns:repeat(2,1fr);gap:16px}.project-art{height:100px}.project-info strong{font-size:19px}.project-info>span{font-size:12px;max-width:none}.project-info small{font-size:8px}.os-people{grid-template-columns:repeat(2,1fr)}.os-timeline summary strong{font-size:20px}.os-timeline summary small{font-size:14px}.os-timeline details>p{font-size:15px}.os-connect h2{font-size:65px}.os-email{font-size:40px}}