*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}html,body{margin:0;min-height:100%;background:#12343b;color:#f4f9f8}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}.scene,.shade{position:fixed;inset:0;width:100%;height:100%;object-fit:cover}.scene{z-index:0}#water{opacity:0;transition:opacity .8s;touch-action:none;cursor:crosshair}.shade{pointer-events:none;background:linear-gradient(90deg,rgba(4,23,29,.70),rgba(4,23,29,.38) 42%,transparent 78%);z-index:1}a,button{color:inherit}a{text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button{cursor:pointer;font:inherit;background:transparent;border:0;min-height:44px}button:disabled{opacity:.5;cursor:default}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:5px}header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:28px 5vw;font-size:14px;gap:24px}header>a{font-weight:550;letter-spacing:-.02em}nav{display:flex;gap:25px}main{position:relative;z-index:2;width:min(500px,calc(100% - 48px));margin:62px 0 150px max(7vw,24px);text-shadow:0 1px 16px #061d2940}.intro-label{font-size:12px;letter-spacing:.08em;color:#c3d5d9;margin-bottom:12px}h1{font-family:Georgia,'Times New Roman',serif;font-size:52px;line-height:1.1;font-weight:400;letter-spacing:-.045em;margin:0 0 32px}.bio p{margin:0 0 20px;font-size:17px;line-height:1.8;color:#e0ebee}.bio strong,.bio a{font-weight:500;color:#fff}.bio a{border-bottom:1px solid #ffffff55}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-bottom:14px}.section-heading>span,.section-heading>a{font-size:12px;color:#c3d5d9}h2{font-size:14px;font-weight:550;margin:0;color:#fff}section{margin-top:42px}.project-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:13px 0;gap:20px;font-size:16px}.project-row:hover{text-decoration:none}.project-row:hover>span:first-child{transform:translateX(3px)}.project-row>span{transition:transform .2s}.project-row small{display:block;font-size:13px;font-weight:400;color:#c0d2d7;margin-top:2px}.project-row small.current{display:inline-block;margin:0 0 0 8px;padding:1px 7px;font-size:10px;border:1px solid #ffffff30;border-radius:20px;vertical-align:middle;color:#e1f5ed;background:#b3f2de0c}.project-row>span:last-child,.essay-row>span:last-child{font-size:14px;color:#bdd0d5}.essay-row{display:flex;justify-content:space-between;gap:20px;padding:10px 0;font-size:14px}.reading p{font-size:14px;color:#c3d5d9;margin:10px 0 6px}.reading>a{font-size:14px}.connect{display:flex;flex-wrap:wrap;gap:22px;margin-top:45px;font-size:13px}.old-site{display:inline-block;font-size:12px;color:#c0d2d7;margin-top:28px}footer{position:fixed;bottom:24px;right:28px;z-index:4;display:flex;align-items:flex-end;gap:10px;font-size:13px}.time-control,.controls{background:rgba(16,42,49,.66);border:1px solid #ffffff30;box-shadow:inset 0 1px 0 #ffffff17,0 8px 25px #00141b25;border-radius:24px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.controls{display:flex;align-items:center;padding:0 16px;gap:18px}#music{display:flex;align-items:center;gap:8px}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.time-control>summary{display:flex;align-items:center;gap:9px;min-height:46px;padding:0 17px;font-variant-numeric:tabular-nums}#time-mode{font-size:11px;color:#c3d5d9}.live-dot{width:5px;height:5px;background:#bbf0de;border-radius:50%}.time-control.manual .live-dot{background:#e3cc99}.time-options{padding:0 18px 12px}.time-options label{font-size:12px;color:#c3d5d9}.time-options input{display:block;width:100%;min-height:32px;accent-color:#d3e7e5}.time-options button{font-size:12px;min-height:32px;padding:0}#diagnostics{position:fixed;right:28px;top:90px;z-index:4;font:11px/1.6 system-ui;color:#e1eeef;padding:7px 12px;border-radius:12px;background:#0c293c45}#diagnostics[open]{background:#0c293ce8}#diagnostics output{display:block;white-space:pre-line}#diagnostics button{font:12px system-ui;text-decoration:underline}#notice{position:fixed;right:28px;bottom:100px;z-index:5;max-width:320px;font:13px/1.5 system-ui}#notice:not(:empty){padding:14px;background:#0b2e3a;border-radius:12px}@media(min-width:1200px){main{margin-left:11vw;margin-top:75px}}@media(max-width:700px){header{padding:22px 24px}nav{gap:16px;font-size:12px}main{margin-top:55px;margin-bottom:180px}h1{font-size:43px}.bio p{font-size:16px}.shade{background:linear-gradient(90deg,#061d2bd1,#061d2b8c)}footer{right:12px;left:12px;bottom:max(12px,env(safe-area-inset-bottom));justify-content:center;gap:6px;font-size:11px}.controls{padding:0 12px;gap:10px}.time-control>summary{padding:0 12px;gap:6px}#time-mode{font-size:10px}#diagnostics{right:16px;top:65px}.section-heading>span{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}#water,.project-row>span{transition:none}}@supports not (backdrop-filter:blur(12px)){.time-control,.controls{background:#14333ded}}