:root{color:#0c1015c2;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--text:#0c1015c7;--text-strong:#0d1117;--muted:#0c101561;--line:#0c101514;--panel:#ffffffa8;--shadow:0 22px 70px #141c2624;background:#f4f5f3;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{background:#f4f5f3}body{letter-spacing:0;background:0 0;min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.portfolio-shell{min-height:100vh;display:flex}.project-column{box-sizing:border-box;scrollbar-width:none;width:max(360px,41vw);height:100vh;padding:18vh 5vw 18vh 18vw;position:fixed;top:0;left:0;overflow:hidden auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%)}.project-list{z-index:5;flex-direction:column;gap:24px;width:100%;display:flex;position:relative}.project-row{text-align:left;cursor:default;background:0 0;border:0;border-radius:12px;outline:none;width:100%;max-width:400px;margin-left:-16px;padding:8px 16px;position:relative}.project-grid{grid-template-columns:1fr auto;align-items:center;gap:16px;width:100%;display:grid}.project-name-col{align-items:center;min-height:40px;display:flex}.project-name{letter-spacing:-.02em;color:var(--text-strong);font-size:19px;font-weight:400;line-height:1.35;transition:transform .28s}.project-year{color:var(--muted);font-variant-numeric:tabular-nums;opacity:.5;text-align:right;font-size:14px}.identity-column{align-items:center;width:calc(100vw - max(360px,41vw));height:100vh;padding:12vh 9vw 12vh 4vw;display:flex;position:fixed;top:0;right:0}.identity-copy{z-index:2;max-width:520px;transition:opacity .3s .15s;position:relative}.identity-copy.fade-out{opacity:0;pointer-events:none;transition-delay:0s}.identity-copy h1{color:var(--text-strong);margin:0;font-size:clamp(22px,2.2vw,31px);font-weight:700;line-height:1.2}.link-row{color:#0c10156b;flex-wrap:wrap;gap:14px;margin-top:19px;font-size:16px;display:flex}.link-row a,.link-row button{min-height:26px;color:inherit;cursor:pointer;background:0 0;border:0;outline:none;align-items:center;gap:5px;padding:0;transition:color .16s;display:inline-flex}.link-row a:hover,.link-row button:hover,.link-row a:focus-visible,.link-row button:focus-visible{color:#b32672}.date-stamp{color:#0c101540;margin:0;font-size:13px;position:fixed;bottom:5vh;right:6vw}.media-frame{width:100%;height:100%;box-shadow:var(--shadow);background:#e8ece7;border:1px solid #ffffff9e;border-radius:12px;place-items:center;display:grid;position:relative;overflow:hidden}.media-frame:before,.media-frame:after{content:"";position:absolute;inset:0}.media-frame:before{background:linear-gradient(120deg,#ffffff8a,#fff0 38%),repeating-linear-gradient(90deg,#ffffff29 0 1px,#fff0 1px 18px)}.media-frame:after{border-radius:inherit;border:1px solid #0c10150d}.media-frame.sage{background:linear-gradient(135deg,#dbe7dc,#eef2e9 48%,#c7d4d1)}.media-frame.ink{background:linear-gradient(135deg,#2d3340,#6f7a88 55%,#d8dfdf)}.media-frame.copper{background:linear-gradient(135deg,#f0ddd0,#d69f7e 52%,#787c80)}.media-frame.blue{background:linear-gradient(135deg,#cddfed,#eef2f2 46%,#6f96a7)}.media-frame.violet{background:linear-gradient(135deg,#d8d0e3,#f0ece7 46%,#7c7d97)}.media-video{object-fit:cover;z-index:1;opacity:.95;width:100%;height:100%;position:absolute;top:0;left:0}.glass-overlay{z-index:2;border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff4d,inset 0 20px 40px #0000000d}.media-caption{z-index:2;color:#0c101585;justify-content:space-between;gap:16px;font-size:12px;display:flex;position:absolute;bottom:16px;left:18px;right:18px}.media-caption strong{color:#fff;letter-spacing:.05em;text-shadow:0 2px 8px #0009;text-align:center;width:100%;font-size:.9rem;font-weight:600}.dialog-backdrop{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f5f39e;place-items:center;padding:28px;display:grid;position:fixed;inset:0}.project-dialog{background:#fafbf9d6;border:1px solid #ffffffc7;border-radius:8px;grid-template-columns:minmax(280px,1.1fr) minmax(260px,.9fr);gap:34px;width:min(1020px,100%);max-height:min(760px,92vh);padding:22px;display:grid;position:relative;overflow:auto;box-shadow:0 28px 110px #11182733}.project-dialog .media-frame{aspect-ratio:4/3;width:100%;height:auto;min-height:0;box-shadow:none;border-radius:12px}.dialog-copy{align-self:center;padding:36px 30px 36px 0}.eyebrow{color:#0c101561;margin:0 0 12px;font-size:13px}.dialog-copy h2{color:var(--text-strong);margin:0 0 18px;font-size:clamp(28px,4vw,54px);line-height:1}.dialog-copy p{color:#0c101594;margin:0 0 14px;font-size:16px;line-height:1.56}.tag-row{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.tag-row span{color:#0c10158a;border:1px solid #0c101514;border-radius:999px;align-items:center;min-height:27px;padding:0 10px;font-size:12px;display:inline-flex}.icon-button{cursor:pointer;background:#ffffffb8;border:1px solid #0c101514;border-radius:999px;place-items:center;width:34px;height:34px;transition:background .16s,transform .16s;display:inline-grid}.icon-button:hover,.icon-button:focus-visible{background:#fff;transform:translateY(-1px)}.close-button{z-index:3;position:absolute;top:16px;right:16px}@media (width<=980px){.portfolio-shell{flex-direction:column-reverse;display:flex}.identity-column{width:100%;height:auto;min-height:auto;padding:12vh 24px 4vh;position:relative}.identity-copy.fade-out{opacity:1!important;pointer-events:auto!important}.project-column{width:100%;height:auto;min-height:auto;padding:28px 24px 84px;position:relative;overflow-y:visible;-webkit-mask-image:none;mask-image:none}.project-list{gap:20px;max-width:none}.floating-preview,.date-stamp{display:none}.project-org{opacity:1;transform:none}}@media (width<=720px){.identity-copy h1{font-size:25px}.link-row{font-size:15px}.project-row{border-radius:12px!important;max-width:none!important;margin-left:-16px!important;padding:10px 16px!important}.project-grid{grid-template-columns:1fr auto;gap:16px}.project-dialog{grid-template-columns:1fr;gap:20px;padding:16px}.project-dialog .media-frame{min-height:270px}.dialog-copy{padding:0 4px 12px}}.apple-gradient-text{background:linear-gradient(135deg,#ff1493,#8a2be2);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.animated-bg{z-index:-1;background-color:#e8ecf3;background-image:radial-gradient(at 81% 65%,#dae8fb 0,#0000 50%),radial-gradient(at 95% 99%,#fef4e1 0,#0000 50%),radial-gradient(at 48% 26%,#f0e4fb 0,#0000 50%),radial-gradient(at 75% 26%,#e2f5fd 0,#0000 50%);background-size:400% 400%;width:100vw;height:100vh;animation:15s infinite gradientBG;position:fixed;top:0;left:0}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.split-layout{width:100%;min-height:100vh;display:flex}.left-column{border-right:1px solid hsla(var(--border), .5);flex:5;min-height:100vh;padding:80px 40px}.right-column{flex-direction:column;flex:7;justify-content:center;height:100vh;padding:80px;display:flex;position:sticky;top:0;overflow:hidden}@media (width<=992px){.split-layout{flex-direction:column}.right-column{border-bottom:1px solid hsla(var(--border), .5);order:-1;height:auto;padding:60px 24px;position:relative}.left-column{border-right:none;padding:40px 24px}}.modal-overlay{background:hsla(var(--background), .6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.mobile-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(35px);background:#0c101566;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.mobile-modal-content{aspect-ratio:4/5;border-radius:24px;width:100%;max-width:500px;max-height:85vh;position:relative;overflow:visible}.mobile-close-btn{color:#fff;cursor:pointer;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0006;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:16px;right:16px}.mac-dock{-webkit-backdrop-filter:blur(30px);z-index:150;background:#ffffff1a;border:1px solid #fff3;border-radius:100px;align-items:center;gap:16px;padding:12px 24px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 40px #0000004d}@media (width>=981px){.mac-dock{display:none}}