.scene img{mask-image:linear-gradient(90deg,transparent,#000 25%,#000 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%,#000 96%,transparent)}
.monitor-enhanced .monitor-journey{position:relative}.monitor-enhanced .intro{position:sticky;top:0;height:100svh;min-height:100svh;overflow:hidden}.monitor-enhanced .scene{transform-origin:47.65% 55.3%;transform:translateY(-50%) translate(var(--monitor-x,0px),var(--monitor-y,0px)) scale(var(--monitor-scale,1));will-change:auto}.monitor-enhanced .intro-copy{opacity:var(--copy-opacity,1);transition:none}.monitor-veil{position:absolute;inset:0;background:var(--paper);opacity:var(--veil-opacity,0);pointer-events:none;z-index:4}.expanded-page{position:relative;z-index:5;margin-top:-100svh;background:var(--paper);border:1px solid #d9ddd5;border-radius:12px 12px 0 0;box-shadow:0 16px 65px #17251912;padding:0 46px;opacity:0;min-height:100svh}.workspace-bar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:20px;justify-content:space-between;padding:15px 20px;margin:0 -46px 20px;background:#f0f1ebf5;backdrop-filter:blur(12px);border-bottom:1px solid #d9ddd5;border-radius:12px 12px 0 0;font-size:12px;color:#42523f}.window-dots{display:flex;gap:6px}.window-dots i{display:block;width:8px;height:8px;border:1px solid #a3ada0;border-radius:50%;background:#d9dfd5}.workspace-bar>span{margin-right:auto}.workspace-bar nav{gap:18px;font-size:11px}.window-path{color:#84907d}.expanded-page>section{padding:45px 0 30px;border-top:1px solid var(--line);margin-top:10px}.expanded-page>#projects{border-top:0;padding-top:25px}.expanded-page>#contact{padding-bottom:55px}.monitor-enhanced .scene:before{height:8%}.monitor-enhanced .scene:after{height:13%}.monitor-enhanced .scene .screen-scroll{transition:none}.monitor-enhanced .intro{background:var(--paper)}.reduced-monitor .monitor-journey{height:auto!important}.reduced-monitor .intro{position:relative;height:auto;min-height:calc(100svh - 79px)}.reduced-monitor .expanded-page{margin-top:0;opacity:1!important}.reduced-monitor .monitor-veil{display:none}
@media(max-width:700px){.monitor-enhanced .intro{padding:20px 7% 18px;display:flex;justify-content:center}.monitor-enhanced .intro-copy{display:contents}.monitor-enhanced .intro .location{margin-bottom:8px;font-size:10px!important}.monitor-enhanced .intro h1{font-size:43px;margin-bottom:8px}.monitor-enhanced .intro .scene{position:relative;top:auto;left:auto;bottom:auto;transform:translate(var(--monitor-x,0px),var(--monitor-y,0px)) scale(var(--monitor-scale,1));width:116.3%;margin-bottom:12px;flex-shrink:0}.monitor-enhanced .scene img{mask-image:none;-webkit-mask-image:none}.monitor-enhanced .intro .lead{font-size:14px;line-height:1.6;margin-bottom:10px}.monitor-enhanced .intro-copy>p:not(.lead):not(.location){font-size:12px;line-height:1.6;margin-bottom:10px}.monitor-enhanced .intro-copy>p:nth-of-type(4){display:none}.monitor-enhanced .intro .links{font-size:11px!important;margin-top:4px}.monitor-enhanced .intro-copy>p,.monitor-enhanced .intro h1{opacity:var(--copy-opacity,1)}.expanded-page{padding:0 22px}.workspace-bar{margin-left:-22px;margin-right:-22px;padding:14px;gap:10px;flex-wrap:wrap}.workspace-bar nav{width:100%;padding-left:0;gap:20px}.window-path{font-size:10px}.expanded-page>section{padding-top:30px}.reduced-monitor .intro{height:auto;min-height:0;padding-top:35px;justify-content:flex-start}.reduced-monitor .intro-copy>p:nth-of-type(4){display:block}}
@media(prefers-reduced-motion:reduce){.monitor-enhanced .scene{will-change:auto}.monitor-enhanced .screen-scroll>span:last-child{animation:none}}