:root{--ink:#0c2a33;--ink-soft:#35535c;--teal:#2e7b90;--teal-deep:#0f5468;--sand:#fff4e2;--paper:#fbf7ef;--amber:#f5a31a;--rust:#b23a0b;--line:#e4dccb;--display:"Fraunces", Georgia, serif;--text:"Manrope", system-ui, sans-serif;--measure:62ch;--gutter:clamp(20px, 5vw, 72px)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.6}h1,h2,h3{font-family:var(--display);font-variation-settings:"SOFT" 50, "opsz" 96;letter-spacing:-.015em;margin:0;font-weight:500}a{color:inherit;text-underline-offset:3px;text-decoration-thickness:1px}a:focus-visible,button:focus-visible{outline:2px solid var(--amber);outline-offset:4px}ul{margin:0;padding:0;list-style:none}.hero{z-index:0;min-height:min(100svh,1080px);color:var(--sand);background:linear-gradient(#0c2a33 0%,#0f5468 55%,#2e7b90 100%);grid-template-rows:auto 1fr;display:grid;position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0c2a338c 0%,#0c2a3326 45%,#0c2a3300 70%);position:absolute;inset:0}.topbar,.hero-copy{z-index:1;position:relative}.shore-hero{z-index:1;pointer-events:none;width:100%;height:clamp(70px,9vw,140px);display:block;position:absolute;bottom:-1px;left:0}.topbar{padding:28px var(--gutter);justify-content:space-between;align-items:baseline;font-size:15px;font-weight:600;display:flex}.wordmark{font-family:var(--display);font-size:20px;text-decoration:none}.topbar-links{gap:28px;display:flex}.topbar-links a{opacity:.85;text-decoration:none}.topbar-links a:hover{opacity:1;text-decoration:underline}.hero-copy{padding:0 var(--gutter) calc(clamp(120px, 20vh, 240px) + clamp(70px, 9vw, 140px));align-self:end}.hero-copy h1{text-wrap:balance;max-width:13ch;font-size:clamp(38px,6.2vw,92px);font-weight:400;line-height:1.02}.hero-mobile{display:none}main{padding:0 var(--gutter);z-index:2;position:relative}section{padding:clamp(72px,10vw,140px) 0}section:first-child{border-top:0}h2{max-width:24ch;margin-bottom:clamp(40px,5vw,72px);font-size:clamp(28px,3.4vw,44px)}.highlight{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,6vw,96px);padding:clamp(40px,6vw,88px) 0;display:grid}.highlight:last-child{padding-bottom:0}.highlight-flip .highlight-media{order:2}.highlight-media{justify-content:center;min-height:420px;display:flex;position:relative}.phone{aspect-ratio:1206/2622;background:#101617;border-radius:36px;width:min(250px,60%);padding:8px;overflow:hidden;transform:rotate(-3deg);box-shadow:0 30px 60px -30px #0c2a338c,0 0 0 1px #0c2a3326}.phone img{object-fit:cover;border-radius:28px;width:100%;height:100%;display:block}.phone-back{opacity:.95;width:min(200px,48%);position:absolute;bottom:-6%;right:6%;transform:rotate(5deg)}.highlight-flip .phone-back{left:6%;right:auto}.highlight-copy{max-width:var(--measure)}.postcard{--card:#fbf2e1;background:var(--card);outline-offset:-9px;border:1px solid #eadfc8;border-radius:6px;outline:1px solid #0c2a3314;padding:34px 38px 32px;position:relative;transform:rotate(.8deg);box-shadow:0 30px 44px -30px #0c2a3366,inset 0 1px #fff9}.highlight-flip .postcard{transform:rotate(-.8deg)}.postcard .stamp{background:var(--accent);border:4px dotted var(--card);width:58px;height:58px;box-shadow:0 0 0 1px var(--accent);place-items:center;display:grid;position:absolute;top:22px;right:22px;transform:rotate(4deg)}.postcard .stamp img{border-radius:6px;width:40px;height:40px;display:block}.stamp-initials{font-family:var(--display);color:var(--sand);letter-spacing:.02em;font-size:20px}.postcard .postmark{width:90px;height:40px;color:var(--accent);opacity:.55;position:absolute;top:30px;right:92px}.postcard h3{padding-right:180px}.tide{background:var(--accent,var(--teal));width:96px;height:10px;margin:10px 0 0;display:block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 10'%3E%3Cpath d='M0 5 q6 -4 12 0 t12 0 t12 0 t12 0 t12 0 t12 0 t12 0 t12 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 10'%3E%3Cpath d='M0 5 q6 -4 12 0 t12 0 t12 0 t12 0 t12 0 t12 0 t12 0 t12 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.postcard .highlight-lede{color:var(--accent)}.postcard .stack li{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:0 0}.postcard .link{color:var(--accent)}.highlight-copy h3,.experience-card h3{font-size:clamp(30px,3vw,40px)}.highlight-lede{font-family:var(--display);font-variation-settings:"SOFT" 50, "opsz" 24;color:var(--teal-deep);margin:14px 0 22px;font-size:21px;line-height:1.4}.highlight-copy p,.experience-card p{color:var(--ink-soft);margin:0 0 16px}.experience{padding-bottom:0}.experience-card{max-width:860px}.experience-card .experience-meta{margin:6px 0 0;font-size:14px;font-weight:600}.experience-card .highlight-lede{margin:14px 0 22px}.experience-points{color:var(--ink-soft);grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 36px;margin:0 0 20px;display:grid}.experience-points li{padding-left:22px;position:relative}.experience-points li:before{content:"";background:var(--accent);width:10px;height:2px;position:absolute;top:.8em;left:0}.experience-card .stack{margin-bottom:0}.experience-card .note{margin-top:14px;display:block}.stack{flex-wrap:wrap;gap:8px 10px;margin:24px 0;font-size:14px;font-weight:600;display:flex}.stack li{border:1px solid var(--line);background:var(--sand);border-radius:999px;padding:5px 12px}.link{color:var(--rust);font-weight:700;display:inline-block}.note{color:var(--ink-soft);font-size:14px;display:block}.skills{padding:clamp(48px,6vw,80px) 0}.skills h2{margin-bottom:0}.skills .tide{margin-bottom:36px}.skill-strip{flex-wrap:wrap;gap:14px 36px;font-weight:600;display:flex}.skill-strip li{color:var(--ink);align-items:center;gap:10px;display:flex}.skill-strip svg{color:var(--teal)}.archive p{max-width:50ch;color:var(--ink-soft);margin:0 0 24px}.note-card{background:#fbf2e1;border:1px solid #eadfc8;border-radius:4px;max-width:640px;padding:28px 32px 12px;transform:rotate(-.7deg);box-shadow:0 26px 40px -30px #0c2a3366}.archive-list li{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,22ch) 1fr;gap:24px;padding:14px 0;display:grid}.archive-list li:last-child{border-bottom:0}.archive-list a{font-weight:600}.archive-list span{color:var(--ink-soft)}.contact{z-index:0;padding:200px var(--gutter) 120px;color:var(--sand);background:linear-gradient(#2e7b90 0%,#0f4b5e 45%,#0c2a33 100%);border-top:0;position:relative;overflow:hidden}.contact:after{content:"";pointer-events:none;background:linear-gradient(100deg,#0c2a3399 0%,#0c2a3333 45%,#0c2a3300 70%);position:absolute;inset:0}.contact h2,.contact p{z-index:1;position:relative}.contact .shore{z-index:1}.contact h2{color:var(--sand);margin-bottom:20px}.contact p{color:#fff4e2cc;max-width:50ch;margin:0 0 36px}.contact .shore{width:100%;height:160px;display:block;position:absolute;top:-1px;left:0}.contact-links{z-index:1;flex-wrap:wrap;gap:16px 40px;display:flex;position:relative}.contact-links a{font-family:var(--display);font-variation-settings:"SOFT" 50, "opsz" 48;-webkit-text-decoration-color:var(--amber);text-decoration-color:var(--amber);font-size:clamp(26px,3vw,40px);text-decoration-thickness:2px}.contact-links a:hover{color:var(--amber)}@media (width<=860px){.highlight{grid-template-columns:1fr}.postcard{padding:28px 24px;transform:none}.highlight-flip .postcard{transform:none}.postcard h3{padding-right:90px}.postcard .postmark{display:none}.note-card{transform:none}.contact{padding-top:150px}.highlight-flip .highlight-media{order:0}.highlight-media{justify-content:flex-start;min-height:0;padding-bottom:40px}.phone{width:210px}.phone-back{display:none}.archive-list li{grid-template-columns:1fr;gap:2px}.experience-card .experience-meta{padding-right:90px}.experience-points{grid-template-columns:1fr}}@media (width<=767px){.hero-copy{text-align:center;flex-direction:column;justify-content:center;align-self:stretch;padding-top:0;padding-bottom:clamp(70px,9vw,140px);display:flex}.hero-copy h1{margin:0 auto}.hero-mobile{flex-direction:column;align-items:center;gap:22px;margin-top:44px;display:flex}.scroll-cue{margin-top:18px}.mobile-surfer{width:150px;height:108px}.mobile-surfer svg{filter:drop-shadow(0 12px 14px #00000059);width:100%;height:100%}.mobile-surfer-bob{transform-origin:90px 90px;animation:2.8s ease-in-out infinite surfer-bob}.scroll-cue{letter-spacing:.06em;opacity:.85;padding-bottom:22px;font-size:13px;font-weight:700;text-decoration:none;position:relative}.scroll-cue:after{content:"";border-bottom:2px solid;border-right:2px solid;width:8px;height:8px;animation:1.6s ease-in-out infinite cue-dip;position:absolute;bottom:0;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes cue-dip{0%,to{opacity:.5;transform:translate(-50%)rotate(45deg)translate(0)}50%{opacity:1;transform:translate(-50%)rotate(45deg)translate(3px,3px)}}}@media (width<=480px){.topbar{padding:20px var(--gutter);gap:12px}.wordmark{white-space:nowrap;font-size:17px}.topbar-links{gap:14px;font-size:14px}.hero-copy{max-width:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@keyframes surfer-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.scroll-cue:after{animation:none}}.skip-link{z-index:10;background:var(--paper);color:var(--ink);border-radius:4px;padding:8px 14px;position:absolute;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}#world{display:none}html.ride{--window:24svh}html.ride body{background:linear-gradient(#163f5a,#2f6f84 55%,#0b3f52) fixed}html.ride body:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0c2a3359,#0000 110px),radial-gradient(120% 90% at 20%,#0c2a334d,#0000 65%);position:fixed;inset:0}html.ride #world{z-index:0;pointer-events:none;opacity:0;width:100%;height:100lvh;transition:opacity 1.4s;display:block;position:fixed;inset:0}html.ride #world.is-live{opacity:1}html.ride .hero:after,html.ride .contact:after{content:none}html.ride .hero,html.ride .contact{z-index:1;background:0 0;position:relative}html.ride main{z-index:1;overflow-x:clip}html.ride .shore,html.ride .mobile-surfer{display:none}html.ride main>section>h2{text-wrap:balance;max-width:22ch;color:var(--sand);text-shadow:0 1px 2px #0c2a3373,0 4px 24px #0c2a3359;background:0 0;margin:0 0 24px;padding:0;font-size:clamp(30px,3.6vw,48px);line-height:1.1;display:block}html.ride .skills{margin-top:var(--window);box-shadow:none;background:0 0;border:0;padding:0}html.ride .skills .tide{display:none}html.ride .skill-strip{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px 24px;margin-top:20px;padding:28px 32px;display:grid}html.ride .archive{padding-top:calc(var(--window) * .6)}html.ride .experience-card{margin-top:var(--window)}html.ride .highlight[data-stop]{padding-top:var(--window)}html.ride #experience>h2,html.ride #work>h2{margin-top:var(--window)}html.ride h2+.experience-card{margin-top:0}html.ride h2+.highlight[data-stop]{padding-top:0}html.ride .postcard,html.ride .note-card,html.ride .skill-strip{background:#fbf2e1;border:1px solid #ffffffb3;border-radius:14px;outline:none;position:relative;transform:none;box-shadow:inset 0 1px #fff9,0 2px 6px #0c2a3324,0 40px 70px -32px #0c2a3399}html.ride .postcard:before{content:"";background:var(--accent,var(--amber));border-radius:0 0 4px 4px;width:56px;height:4px;position:absolute;top:0;left:24px}html.ride .postcard:after,html.ride .note-card:after,html.ride .skill-strip:after{content:"";pointer-events:none;background:radial-gradient(50% 100% at 50% 0,#0c2a3347,#0000 70%);height:34px;position:absolute;bottom:-34px;left:8%;right:8%}html.ride .postcard .stack li{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:#0000}@supports (animation-timeline:view()){html.ride .postcard,html.ride .note-card,html.ride .skill-strip{animation:linear both surface;animation-timeline:view();animation-range:entry entry 20%}@keyframes surface{0%{opacity:.6;transform:translateY(14px)}}}html.ride .highlight{--phone:clamp(170px, 15vw, 230px);grid-template-columns:minmax(0,1fr);gap:0;display:grid}html.ride .highlight>*{grid-area:1/1}html.ride .highlight-media{z-index:2;width:var(--phone);place-self:start end;min-height:0;padding:0;translate:88% -12%}html.ride .highlight-media .phone{border-radius:calc(var(--phone) * .15);width:100%;padding:5px;box-shadow:0 24px 40px -18px #0c2a3399}html.ride .phone-back,html.ride .highlight .stamp,html.ride .highlight .postmark{display:none}html.ride .hero-copy h1,html.ride .contact h2,html.ride .contact p,html.ride .contact-links a{text-shadow:0 1px 2px #0c2a3359,0 2px 22px #0c2a3373}html.ride .contact p{color:#fff4e2eb;font-weight:500}html.ride .contact{min-height:100svh;padding-top:var(--window);flex-direction:column;justify-content:flex-end;padding-bottom:30svh;display:flex}@media (width<=1023px){html.ride body:after{background:radial-gradient(140% 60% at 50% 38%,#0c2a3347,#0000 70%)}}@media (width<=767px){html.ride{--window:24svh}html.ride .highlight{flex-direction:column;display:flex}html.ride .highlight-media{order:-1;place-self:flex-end;width:150px;margin:0 18px -48px 0;position:relative;translate:none;rotate:3deg}html.ride .highlight .postcard>h3{padding-right:140px}html.ride .highlight .highlight-lede{padding-right:0}html.ride .skill-strip{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));padding:24px 20px}html.ride .contact{padding-bottom:54svh}html.ride .contact-links{grid-template-columns:repeat(2,auto);justify-content:start;gap:12px 28px;display:grid}html.ride .hero-copy{padding-bottom:30svh}html.ride .postcard h3{text-wrap:balance;font-size:clamp(24px,7vw,30px);line-height:1.12}html.ride .postcard .stamp{width:52px;height:52px;top:14px;right:14px}html.ride .experience-meta{text-wrap:balance}}@media (width>=1024px){html.ride main>section>*,html.ride .contact>*,html.ride .skills{max-width:min(680px,56vw);margin-right:auto}html.ride .experience-card{max-width:min(680px,56vw)}html.ride .experience-points{grid-template-columns:1fr}}@media print{#world,.wave-toggle,html.ride body:after{display:none!important}html.ride body{background:var(--paper)}html.ride .hero,html.ride .contact{background:#0c2a33}}html.ride .contact-links{gap:14px 28px}html.ride .contact-links a{font-size:clamp(24px,2.4vw,34px)}html.ride .contact h2{font-size:clamp(44px,6vw,84px)}html.ride .contact-links a{text-shadow:none}html.ride .contact-links{background:linear-gradient(#0c2a3373,#0c2a3326);border-radius:16px;width:fit-content;max-width:100%;padding:16px 22px}html.ride .contact-links a:first-child{color:var(--amber)}@media (width<=767px){html.ride .contact{padding-bottom:46svh}}