:root{--ink:#171a1c;--ground:#f0f8f7;--paper:#fbfcfa;--teal-wash:#dcefeb;--line:#b9c9c6;--muted:#64726f;--signal:#f13624;--radius:4px;--mono:"DM Mono",ui-monospace,monospace;--sans:"Space Grotesk",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-decoration-color:var(--signal);text-underline-offset:4px}.site-header,main,.site-footer{max-width:1440px;margin:auto;padding-inline:clamp(20px,4vw,56px)}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink);gap:32px}.brand{display:inline-flex;align-items:center;gap:14px;font-size:clamp(24px,2.6vw,38px);font-weight:700;letter-spacing:-.06em;white-space:nowrap}.brand-mark{width:58px;aspect-ratio:1;display:grid;align-content:center;gap:7px;padding:12px;background:var(--ink);border-radius:3px}.brand-mark i{display:block;height:7px;background:var(--paper);border-radius:1px}.brand-mark i:nth-child(2){background:var(--signal);transform:rotate(-5deg)}.site-nav ul,.site-nav{display:flex;align-items:center;gap:clamp(16px,2.6vw,38px);padding:0;margin:0;list-style:none;font-weight:600}.site-nav a{padding:10px 0}.hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.95fr);gap:clamp(32px,5vw,72px);padding:38px 0 42px;border-bottom:1px solid var(--ink)}.intro-video{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--ink);border-radius:var(--radius)}.intro-video img{width:100%;height:100%;object-fit:cover;display:block}.intro-video:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.7));pointer-events:none}.video-play,.video-duration{position:absolute;z-index:1;bottom:18px;color:#fff;font-size:14px;font-weight:700}.video-play{left:18px;display:inline-flex;align-items:center;gap:10px;background:rgba(0,0,0,.72);padding:10px 14px;border-radius:2px}.video-play span{font-size:17px}.video-duration{right:18px;font-family:var(--mono);background:rgba(0,0,0,.72);padding:4px 7px;border-radius:2px}.hero-copy{align-self:center}.hero h1{font-size:clamp(45px,5.35vw,82px);letter-spacing:-.075em;line-height:.98;margin:0 0 24px;max-width:680px}.hero h1:after{content:".";color:var(--signal)}.hero-copy>p{font-family:var(--mono);font-size:clamp(16px,1.4vw,20px);line-height:1.5;max-width:570px;margin:0 0 34px}.hero-actions{display:flex;flex-wrap:wrap;gap:14px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:0 18px;border:1px solid var(--ink);border-radius:3px;font-weight:700}.button-primary{background:var(--ink);color:#fff}.button-secondary{background:transparent}.button-secondary span{color:var(--signal);font-size:20px}.intro-link{font-size:14px!important;margin-top:34px!important;margin-bottom:0!important}.intro-link a{color:var(--signal)}.project-section,.notes-section{padding:32px 0 42px;border-bottom:1px solid var(--ink)}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-bottom:11px}.section-heading h2{margin:0;font-size:25px;letter-spacing:-.04em}.section-heading h2 span{font:500 13px var(--mono);border:1px solid var(--line);padding:3px 7px;border-radius:2px;margin-left:8px;vertical-align:middle}.section-heading>a{font:500 13px var(--mono);color:var(--signal);white-space:nowrap}.project-list{display:grid}.project-row{display:grid;grid-template-columns:1.1fr 2.1fr 150px 110px;align-items:center;gap:22px;padding:14px 8px;border-bottom:1px solid var(--line)}.project-row:last-child{border-bottom:0}.project-name{display:flex;align-items:center;gap:13px;font-weight:700;font-size:18px}.project-icon{font-family:var(--mono);font-size:22px;color:var(--ink)}.project-row p{margin:0;font-size:15px}.status{justify-self:start;font:500 13px var(--mono);color:var(--signal);background:#fde9e5;padding:4px 8px;border-radius:3px}.project-row time,.note-card time{font:400 12px var(--mono);color:var(--muted);text-align:right}.project-list-empty{padding:28px 8px;color:var(--muted)}.notes-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:18px}.note-card{border:1px solid var(--line);background:var(--paper);min-width:0}.note-card img{width:100%;aspect-ratio:1.45;object-fit:cover;display:block}.note-card>div{padding:16px}.note-card h3{font-size:19px;line-height:1.12;letter-spacing:-.04em;margin:0 0 9px}.note-card p{font-size:14px;margin:0 0 15px;color:#36413f}.note-card time{display:block;text-align:left}.site-footer{display:flex;justify-content:space-between;gap:20px;padding-top:24px;padding-bottom:40px;font:400 13px var(--mono);color:var(--muted)}a:focus-visible,.button:focus-visible{outline:3px solid var(--signal);outline-offset:3px}@media(max-width:960px){.hero{grid-template-columns:1fr;gap:30px}.hero-copy{max-width:700px}.project-row{grid-template-columns:1.2fr 2fr 130px}.project-row time{display:none}.notes-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.site-header{height:auto;min-height:76px;align-items:flex-start;padding-block:13px;flex-direction:column;gap:12px}.brand{font-size:26px}.brand-mark{width:43px;padding:9px;gap:5px}.brand-mark i{height:5px}.site-nav{width:100%;overflow:auto;padding-bottom:3px;gap:22px;font-size:14px}.hero{padding-top:24px}.hero h1{font-size:50px}.hero-actions{display:grid;grid-template-columns:1fr}.project-row{grid-template-columns:1fr;gap:6px;padding:18px 0}.project-row p{padding-left:35px}.status{margin-left:35px}.notes-grid{grid-template-columns:1fr}.section-heading{align-items:flex-start}.section-heading h2{font-size:22px}.site-footer{flex-direction:column}.intro-video{border-radius:2px}}
.site-utility{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:32px;align-items:start;padding:32px 0 42px;border-bottom:1px solid var(--ink)}.site-utility h2{margin:0;font-size:25px;letter-spacing:-.04em}.site-utility p{margin:0;font:400 16px/1.55 var(--mono);color:#36413f;max-width:700px}.empty-note{padding:28px 8px;color:var(--muted);max-width:780px;margin:0}@media(max-width:680px){.site-utility{grid-template-columns:1fr;gap:14px}.site-utility h2{font-size:22px}}
.intro-video:after{display:none}
.brand{gap:14px}.brand-mark{width:58px;height:58px;aspect-ratio:1;display:block;padding:0;background:transparent;border-radius:0;flex:0 0 auto}.brand-wordmark{display:block;width:min(100%,395px);height:42px;object-fit:contain;object-position:left center}.brand-mark i{display:none}@media(max-width:680px){.brand-mark{width:43px;height:43px}.brand-wordmark{width:270px;height:30px}}
@media(max-width:360px){.brand{gap:10px}.brand-mark{width:38px;height:38px}.brand-wordmark{width:205px;height:24px}}
.brand-lockup{display:block;width:min(100%,455px);height:58px;object-fit:contain;object-position:left center}@media(max-width:680px){.brand-lockup{width:270px;height:43px}}@media(max-width:360px){.brand-lockup{width:240px;height:38px}}