:root{--ink:#273344;--paper:#fbfcfa;--muted:#8a929b;--line:#e1e5e4;--cyan:#20b9d6;--peach:#f8d2ae;--lilac:#ebe8fb;--blue:#c9edf2;--green:#dceac5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px DM Sans,sans-serif}header{height:63px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 24px;font:13px DM Mono,monospace}.identity{display:flex;gap:17px;color:var(--ink);text-decoration:none}.identity span,nav a,.spark{color:#8a929b}.selected,nav a:hover{color:#bd6353}nav{display:flex;gap:34px}nav a,.spark{text-decoration:none}.spark{justify-self:end}.home-hero{min-height:430px;padding:205px 24px 40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:end}.home-hero h1,.about-page h1,.guestbook-page h1{margin:0;font:400 clamp(47px,5.4vw,78px)/.98 "Playfair Display",serif;letter-spacing:-.055em}.experience{display:grid;gap:10px}.experience div{display:grid;grid-template-columns:92px 1fr 1.25fr;gap:20px}.experience time,.experience span{color:var(--muted)}.experience time,.kicker{font:12px DM Mono,monospace}.experience b{font-weight:500}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 24px 100px}.project{text-decoration:none;color:var(--ink)}.project-visual{height:333px;position:relative;overflow:hidden;padding:15px;font:13px DM Mono,monospace}.p-peach{background:var(--peach)}.p-lilac{background:var(--lilac)}.p-blue{background:var(--blue)}.p-green{background:var(--green)}.abstract-window{position:absolute;left:17%;top:22%;width:64%;height:57%;padding:17px;background:#fffdf9;border:1px solid var(--ink);box-shadow:8px 8px #273344;transform:rotate(-4deg)}.abstract-window i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#ff765e;margin-right:4px}.abstract-window i:nth-child(2){background:#a6d94d}.abstract-window i:nth-child(3){background:var(--cyan)}.abstract-window strong{display:block;margin-top:55px;font:400 24px/1.05 Playfair Display,serif}.visual-two p{position:absolute;left:17%;bottom:20%;margin:0;font:500 clamp(22px,3.6vw,45px)/.93 "DM Mono",monospace;letter-spacing:-.1em}.signal{font:110px Playfair Display,serif;color:#ff725b;position:absolute;inset:0;display:grid;place-items:center}.shape{position:absolute;border-radius:50%}.shape.a{width:180px;height:180px;background:#ff8c74;right:17%;top:17%}.shape.b{width:115%;height:58%;background:#2c3b4f;bottom:-29%;left:-8%}.project h2{font:400 27px Playfair Display,serif;margin:14px 0 6px}.project h2 small{color:#bd6353}.project p{color:var(--muted);font:11px DM Mono,monospace;margin:0}.built{padding:47px 24px 55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font:12px DM Mono,monospace;color:#78818c}.built p{margin:0}.tools{font:400 clamp(22px,3.2vw,42px) "Playfair Display",serif;color:var(--ink)}.about-page,.guestbook-page{padding:150px 12vw 115px;max-width:1000px}.kicker{color:#bd6353}.about-page h1,.guestbook-page h1{margin:20px 0 35px}.about-page>p:not(.kicker),.guestbook-page>p:not(.kicker){font-size:18px;line-height:1.55;max-width:560px;color:#68727e}.about-sections{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.about-sections article{min-height:285px;padding:26px 24px;border-right:1px solid var(--line)}.about-sections h2{font:400 34px Playfair Display,serif;margin:85px 0 12px}.about-sections p{color:#6a7480}.fun-page-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:0 24px 100px}.fun-page-grid article{height:310px;padding:22px;font:500 clamp(30px,4vw,53px)/.92 "DM Mono",monospace;letter-spacing:-.11em;position:relative}.fun-page-grid b{position:absolute;right:22px;bottom:18px;font: 72px Playfair Display,serif}.guest-panel{background:#f7f9f8;border:1px solid var(--line);padding:32px;margin-top:45px;max-width:490px}.guest-panel h2{font:400 30px Playfair Display,serif;margin:0 0 20px}.google{display:flex;justify-content:space-between;border:1px solid #ccd4d5;padding:14px;text-decoration:none;color:var(--ink)}.google b{color:#4285f4}.guest-panel small{display:block;margin-top:14px;color:#78818c}footer{padding:25px 24px;display:flex;justify-content:space-between;font:11px DM Mono,monospace;color:#7d8790;border-top:1px solid var(--line)}footer a{color:#7d8790;text-decoration:none}@media(max-width:700px){header{grid-template-columns:1fr}.identity span,.spark{display:none}nav{position:absolute;top:63px;left:0;right:0;background:var(--paper);padding:17px 24px;justify-content:space-between;gap:0}.home-hero{padding:168px 24px 60px;grid-template-columns:1fr;gap:40px}.experience div{grid-template-columns:55px 1fr}.experience span{grid-column:2}.project-list,.about-sections,.fun-page-grid{grid-template-columns:1fr}.project-visual{height:270px}.about-page,.guestbook-page{padding:120px 24px 70px}.about-sections article{border-bottom:1px solid var(--line);min-height:220px}.about-sections h2{margin-top:55px}.fun-page-grid{padding:0 24px 70px}.fun-page-grid article{height:250px}.built,footer{gap:16px;flex-wrap:wrap}}.presence{justify-self:end;color:#8a929b;font:11px DM Mono,monospace;white-space:nowrap}.presence-dot{display:inline-block;width:6px;height:6px;background:#20b9d6;border-radius:50%;margin-right:7px;vertical-align:middle}@media(max-width:700px){.presence{display:none}}