:root{--bg:#06121b;--fg:#f2f9ff;--muted:#e2f2fcb8;--quiet:#e2f2fc85;--glass:#e0f5ff21;--glass-strong:#0a1e2c75;--line:#e8f8ff3d;--line-soft:#e8f8ff24;--shadow:#00122057;--glacier:#b6ebff;--rain:#90cdf0;--moss:#a8dccb;--mist:#d9ecff;--tide:#7ed9e4;--ease:cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box;letter-spacing:0;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-height:100vh;color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}body.is-modal-open{overflow:hidden}button,a{color:inherit;font:inherit}button{border:0}a{text-decoration:none}::selection{background:#b6ebff47}.site-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.photo-layer{animation:photoDrift 28s var(--ease) infinite alternate;background-image:linear-gradient(90deg,#010d16b8 0%,#03121d70 33%,#03121d1f 68%,#03121d3d 100%),linear-gradient(#03121d2e 0%,#03121d1a 42%,#03121db3 100%),url(/nature-bg.png);background-position:50%;background-size:cover;display:block;position:absolute;inset:0;transform:scale(1.035)}.photo-layer:after{content:"";opacity:.72;animation:surfaceLight 12s var(--ease) infinite;background:repeating-linear-gradient(#0000 0 18px,#f0f9ff05 19px),linear-gradient(105deg,#0000 0%,#e8f8ff14 46%,#0000 60%);position:absolute;inset:0}.glass-haze,.waterline{display:block;position:absolute}.glass-haze{filter:blur(34px);opacity:.6;background:linear-gradient(90deg,#0000,#d2eeff2e,#0000);height:18rem;left:-8%;right:-8%;transform:skewY(-5deg)}.haze-a{animation:hazeA 26s var(--ease) infinite alternate;top:12%}.haze-b{opacity:.38;animation:hazeB 34s var(--ease) infinite alternate;bottom:5%}.waterline{background:linear-gradient(90deg,#0000,#e0f5ff5c,#0000);height:1px;left:-10%;right:-10%}.waterline-a{animation:waterline 6.8s var(--ease) infinite;top:62%}.waterline-b{opacity:.54;animation:waterline 8.6s var(--ease) .6s infinite;top:76%}.nav,main,footer{z-index:1;position:relative}.nav{z-index:10;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(135%);backdrop-filter:blur(22px)saturate(135%);width:min(1100px,100% - 32px);min-height:56px;box-shadow:inset 0 1px 0 #fff3, 0 24px 72px var(--shadow);animation:navDrop .7s var(--ease) both;background:linear-gradient(135deg,#ffffff29,#ffffff0e),#07162252;border-radius:8px;justify-content:space-between;align-items:center;padding:0 10px 0 18px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.brand{color:var(--fg);font-size:.95rem;font-weight:720}.nav nav{gap:4px;display:flex}.nav a{min-height:38px;color:var(--muted);transition:color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);border-radius:7px;align-items:center;padding:0 12px;font-size:.9rem;display:inline-flex}.nav a:hover{color:var(--fg);background:#ffffff1f;transform:translateY(-1px)}main{width:min(1100px,100% - 32px);margin:0 auto}.hero{align-items:flex-end;min-height:100vh;padding:132px 0 96px;display:flex}.hero-copy{width:min(760px,100%);animation:fadeUp .9s var(--ease) .12s both}.eyebrow{color:var(--muted);text-transform:uppercase;margin-bottom:18px;font-size:.78rem;font-weight:720}.wordmark{color:var(--fg);text-shadow:0 24px 70px #00162285;align-items:baseline;font-size:8.8rem;font-weight:760;line-height:.84;display:flex}.wordmark span{opacity:0;animation:letterRise .8s var(--ease) var(--letter-delay) both;display:inline-block;transform:translateY(32px)}.wordmark span:nth-child(2n){transform:translateY(46px)}.hero-line{max-width:360px;color:var(--muted);margin-top:30px;font-size:1.08rem}.work{padding:0 0 100px;scroll-margin-top:100px}.section-head{justify-content:space-between;align-items:end;margin-bottom:16px;display:flex}.section-head h2{color:var(--fg);text-shadow:0 18px 50px #00162273;font-size:4.6rem;font-weight:740;line-height:1}.project-list{gap:8px;display:grid}.project-row{--accent:var(--glacier);--wash:#b6ebff24;cursor:pointer;border:1px solid var(--line-soft);text-align:left;opacity:0;-webkit-backdrop-filter:blur(24px)saturate(145%);backdrop-filter:blur(24px)saturate(145%);min-height:92px;animation:rowIn .72s var(--ease) var(--row-delay) both;transition:border-color .22s var(--ease), transform .22s var(--ease), background .22s var(--ease), box-shadow .22s var(--ease);background:linear-gradient(135deg,#ffffff30,#ffffff0e),#081c2a47;border-radius:8px;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 18px;display:grid;position:relative;overflow:hidden;transform:translateY(18px);box-shadow:inset 0 1px #ffffff2e,0 18px 56px #00162224}.project-row:before{content:"";background:linear-gradient(115deg, transparent 0%, var(--wash) 38%, transparent 60%), linear-gradient(90deg, transparent, #ffffff1f, transparent);opacity:0;transition:opacity .22s var(--ease), transform .68s var(--ease);position:absolute;inset:0;transform:translate(-42%)}.project-row:after{content:"";background:linear-gradient(90deg, var(--accent), transparent);transform-origin:0;height:1px;transition:transform .26s var(--ease);position:absolute;bottom:12px;left:18px;right:18px;transform:scaleX(.18)}.project-row:hover,.project-row:focus-visible{background:linear-gradient(135deg,#ffffff3d,#ffffff13),#0a243552;border-color:#e8f8ff75;outline:none;transform:translateY(-4px);box-shadow:inset 0 1px #ffffff38,0 24px 68px #00162238}.project-row:hover:before,.project-row:focus-visible:before{opacity:1;transform:translate(0)}.project-row:hover:after,.project-row:focus-visible:after{transform:scaleX(1)}.accent-glacier{--accent:var(--glacier);--wash:#b6ebff26}.accent-rain{--accent:var(--rain);--wash:#90cdf024}.accent-moss{--accent:var(--moss);--wash:#a8dccb21}.accent-mist{--accent:var(--mist);--wash:#d9ecff24}.accent-tide{--accent:var(--tide);--wash:#7ed9e424}.row-number,.row-main,.row-meta,.row-short,.row-title{z-index:1;position:relative}.row-number,.row-meta,.row-short{color:var(--muted);font-size:.78rem}.row-title{color:var(--fg);font-size:1.48rem;font-weight:720;line-height:1.08;display:block}.row-short{margin-top:5px;display:block}.row-meta{white-space:nowrap;justify-self:end}footer{border-top:1px solid var(--line-soft);width:min(1100px,100% - 32px);color:var(--muted);justify-content:space-between;margin:0 auto;padding:24px 0 36px;font-size:.82rem;display:flex}.modal{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:modalFade .26s var(--ease) both;background:#030d168f;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{--accent:var(--glacier);-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);transform-origin:50% 58%;width:min(680px,100%);animation:modalIn .52s var(--ease) both;background:linear-gradient(150deg,#fff3,#ffffff0f),#081c2a8f;border:1px solid #e8f8ff61;border-radius:8px;padding:30px;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff3,0 34px 120px #0000006b}.modal-panel:before{content:"";background:linear-gradient(90deg, var(--accent), transparent);transform-origin:0;height:2px;animation:modalLine .62s var(--ease) 80ms both;position:absolute;inset:0 0 auto}.modal-panel:after{content:"";pointer-events:none;opacity:0;animation:modalSheen .9s var(--ease) .12s both;background:linear-gradient(115deg,#0000 0%,#fff3 44%,#0000 58%),linear-gradient(#ffffff14,#0000 38%);position:absolute;inset:0;transform:translate(-56%)}.modal-panel>.eyebrow{opacity:0;animation:modalContentIn .48s var(--ease) 90ms both;transform:translateY(10px)}.modal-close{cursor:pointer;border:1px solid var(--line-soft);min-height:36px;color:var(--muted);transition:color .18s var(--ease), background .18s var(--ease), transform .18s var(--ease);background:#ffffff1a;border-radius:7px;padding:0 12px;position:absolute;top:18px;right:18px}.modal-close:hover,.modal-close:focus-visible{color:var(--fg);background:#ffffff29;outline:none;transform:translateY(-1px)}.modal-panel h2{max-width:560px;color:var(--fg);opacity:0;animation:modalContentIn .52s var(--ease) .14s both;margin-bottom:24px;font-size:3.8rem;font-weight:740;line-height:.98;transform:translateY(12px)}.detail-copy{opacity:0;animation:modalContentIn .52s var(--ease) .22s both;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid;transform:translateY(12px)}.detail-block{border:1px solid var(--line-soft);min-height:132px;color:var(--muted);background:#ffffff0e;border-radius:8px;padding:14px}.detail-block span{color:#f2f9ffd6;margin-bottom:10px;font-size:.72rem;font-weight:720;display:block}.detail-block p+p{margin-top:7px}.tag-row,.link-row{opacity:0;animation:modalContentIn .52s var(--ease) .3s both;flex-wrap:wrap;gap:8px;margin-top:24px;display:flex;transform:translateY(12px)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tag-row span,.link-row a{border:1px solid var(--line-soft);color:var(--muted);background:#ffffff14;border-radius:7px;justify-content:center;align-items:center;font-size:.84rem;display:inline-flex}.tag-row span{min-height:34px;padding:0 10px}.link-row a{width:42px;height:42px;color:var(--fg);transition:background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease)}.link-row svg{width:20px;height:20px;transition:transform .18s var(--ease)}.link-row a:hover{background:#ffffff24;border-color:#e8f8ff57;transform:translateY(-1px)}.link-row a:hover svg{transform:scale(1.08)}@keyframes photoDrift{0%{transform:scale(1.035)translate(-.7%,-.4%)}to{transform:scale(1.07)translate(.7%,.4%)}}@keyframes surfaceLight{0%,18%{transform:translate(-28%)}72%,to{transform:translate(28%)}}@keyframes hazeA{0%{transform:translate(-8%)skewY(-5deg)}to{transform:translate(8%)skewY(-5deg)}}@keyframes hazeB{0%{transform:translate(7%)skewY(-6deg)}to{transform:translate(-7%)skewY(-6deg)}}@keyframes waterline{0%,to{opacity:.32;transform:translate(-4%)scaleX(.72)}50%{opacity:.9;transform:translate(4%)scaleX(1)}}@keyframes navDrop{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@keyframes letterRise{to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes rowIn{to{opacity:1;transform:translateY(0)}}@keyframes modalFade{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;filter:blur(10px);transform:translateY(28px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes modalLine{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes modalSheen{0%{opacity:0;transform:translate(-56%)}32%{opacity:1}to{opacity:0;transform:translate(54%)}}@keyframes modalContentIn{to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.photo-layer{background-position:36%}.hero{min-height:92vh;padding-top:118px}.wordmark{font-size:6.6rem}.section-head h2{font-size:3.8rem}.project-row{grid-template-columns:48px minmax(0,1fr);min-height:92px}.row-meta{grid-column:2;justify-self:start;margin-top:-4px}.modal-panel h2{font-size:3.1rem}.detail-copy{grid-template-columns:1fr}}@media (max-width:560px){.photo-layer{background-position:31%}.nav{width:calc(100% - 20px);top:12px}.nav a{padding:0 9px}main,footer{width:calc(100% - 20px)}.hero{min-height:88vh;padding:104px 0 58px}.wordmark{font-size:3.8rem}.hero-line{font-size:1rem}.section-head{display:block}.section-head h2{font-size:2.8rem}.project-row{grid-template-columns:1fr;gap:8px;min-height:108px;padding:16px}.row-title{font-size:1.34rem}.row-meta{white-space:normal;grid-column:auto}.modal{align-items:end;padding:10px}.modal-panel{padding:24px}.modal-panel h2{font-size:2.35rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}