
/* An alternating paper-and-green rhythm with restrained transitions. */
:root{--section-paper:#f6f3eb;--section-light:#fffdf8;--section-green:#e4eee6;--section-stone:#eceee7}
body>section{position:relative;border-top:1px solid rgba(20,35,29,.055)}
#questions{background:linear-gradient(180deg,var(--section-paper),var(--section-green) 150px)}
#build{background:linear-gradient(180deg,#193b2e,var(--dark) 170px)}
#research{background:linear-gradient(180deg,#e6eee7,var(--section-light) 150px)}
#science{background:linear-gradient(180deg,var(--section-light),var(--section-green) 130px)}
#music{background:linear-gradient(180deg,#254334,#17211d 160px)}
#beyond{background:linear-gradient(180deg,#e3eae1,var(--section-paper) 140px)}
#community{background:linear-gradient(180deg,var(--section-paper),var(--section-green) 140px)}
#coding{background:linear-gradient(180deg,#dce7df,#eef3ee 140px)}
#playground{background:linear-gradient(180deg,#eef3ee,var(--section-light) 150px)}
#cubes{background:linear-gradient(180deg,var(--section-light),var(--section-stone) 130px)}
#picture-story{background:linear-gradient(180deg,var(--section-stone),#dce8df 140px)}
#notes{background:linear-gradient(180deg,#e6eee6,var(--section-light) 140px)}
#journey{background:linear-gradient(180deg,var(--section-light),var(--section-green) 140px)}
body>footer{background:linear-gradient(180deg,var(--section-green),var(--section-paper) 160px)}
#cubes .cube-feature{border-top:0;margin-top:0}.repo-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.repo-overview>div{padding:26px;background:var(--card);border:1px solid #cddbd0;border-radius:18px}.repo-overview strong{display:block;font-family:Georgia,serif;font-size:52px;line-height:1.1;font-weight:500;color:var(--green)}.repo-overview span{display:block;margin-top:10px;font-size:15px;color:var(--muted)}.repo-date{font-size:14px;color:var(--muted);margin:16px 0 28px}@media(max-width:540px){.repo-overview{gap:8px}.repo-overview>div{padding:18px 12px}.repo-overview strong{font-size:36px}.repo-overview span{font-size:14px}}

.github-full-view{overflow-x:auto;background:white;border-radius:12px;padding:12px}.github-full-view img{max-width:none}

.linkedin-notes{margin:0 0 45px;padding:30px;border:1px solid #c9d9cc;background:#f6f8f3;border-radius:22px}.linkedin-notes>h3{font-size:34px;line-height:1.15}.linkedin-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.linkedin-note{padding:26px;background:var(--card);border:1px solid var(--line);border-radius:16px}.linkedin-label{font-size:14px;color:var(--green);font-weight:700}.linkedin-note blockquote{font-family:Georgia,serif;font-size:24px;line-height:1.45;margin:22px 0}.linkedin-note>a{font-size:14px}.linkedin-load{display:block;cursor:pointer;background:transparent;font-family:inherit}.linkedin-load:focus-visible{outline:3px solid var(--gold);outline-offset:3px}@media(max-width:850px){.linkedin-grid{grid-template-columns:1fr}}@media(max-width:540px){.linkedin-notes{padding:20px}.linkedin-note{padding:20px}.linkedin-note blockquote{font-size:21px}}

#build .feature{grid-template-columns:1fr 1fr;gap:48px;align-items:center}.talkninja-presentation{padding:30px;min-width:0}.presentation-embed{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;background:#08120d;margin:14px 0}.video-fallback{font-size:14px;align-self:flex-start;margin-top:8px}.project-preview-link{position:relative;display:inline-block;max-width:100%}.project-preview{position:absolute;left:0;bottom:calc(100% + 10px);width:306px;max-width:80vw;background:#fffdf8;border:1px solid #acbeb1;border-radius:12px;overflow:hidden;box-shadow:0 18px 45px #0005;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s;z-index:20}.project-preview-link:hover .project-preview,.project-preview-link:focus-within .project-preview{opacity:1;visibility:visible}.preview-window{height:218px;overflow:hidden;background:#f6f3eb}.preview-window iframe{width:1080px;height:780px;border:0;transform:scale(.282);transform-origin:top left;pointer-events:none}.project-preview>span{display:block;padding:10px 12px;color:#14231d;font-size:13px}.project-preview-link a:focus-visible{outline:3px solid #d4b370;outline-offset:4px}@media(max-width:850px){#build .feature{grid-template-columns:1fr}.talkninja-presentation{padding:24px}}@media(hover:none){.project-preview{display:none}}@media(prefers-reduced-motion:reduce){.project-preview{transition:none}}

.rutgers-story{grid-template-columns:1fr 1.4fr 1fr;align-items:start}.unplanned-note{background:#e5ede5;border:1px solid #c9d9cc;border-radius:16px;overflow:hidden}.unplanned-note img{display:block;width:100%;height:auto}.unplanned-note figcaption{padding:10px 22px;font-size:14px;color:var(--muted)}.unplanned-copy{padding:0 22px 22px}.unplanned-copy h3{font-size:28px;line-height:1.15}.unplanned-copy p{font-size:16px;line-height:1.65}.rutgers-story .linkedin-note{padding:22px}.rutgers-story blockquote{font-size:21px}@media(max-width:1050px){.rutgers-story{grid-template-columns:1fr}.unplanned-note{display:grid;grid-template-columns:1fr 1fr}.unplanned-note figure{align-self:center}}@media(max-width:650px){.unplanned-note{display:block}}

.science-labels{margin-top:14px}.science-labels .chip{font-size:14px}.recovery-slideshow{min-width:0;align-self:start}.recovery-slide[hidden]{display:none}.recovery-slide img{height:310px!important;width:100%;object-fit:contain;background:#15251c}.recovery-slide figcaption{min-height:65px}.recovery-controls{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 12px 16px;font-size:14px}.recovery-controls button{font:inherit;cursor:pointer;border:1px solid #9daf9f;border-radius:8px;padding:7px 12px;background:var(--card);color:var(--ink)}.recovery-controls button:focus-visible{outline:3px solid var(--green);outline-offset:3px}

.photo-carousel{background:linear-gradient(180deg,#dce8df,#f6f3eb 160px);padding:80px 0}.carousel-stage{max-width:850px;margin:auto;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden}.carousel-slide{margin:0}.carousel-slide[hidden]{display:none}.carousel-slide img{display:block;width:100%;height:520px;object-fit:contain;background:#e8ede8}.carousel-slide figcaption{padding:15px 22px;font-size:15px;color:var(--muted)}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:12px;padding:15px}.carousel-controls button{font:inherit;cursor:pointer;border:1px solid #9daf9f;border-radius:8px;padding:7px 12px;background:var(--card)}@media(max-width:540px){.photo-carousel{padding:60px 0}.carousel-slide img{height:360px}}
