: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}#scene,#sea{opacity:0;width:100%;height:100%;transition:opacity 1.4s;position:absolute;inset:0}#scene.is-live,#sea.is-live{opacity:1}.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}.hero-copy p{opacity:.92;max-width:44ch;margin:28px 0 0;font-size:clamp(17px,1.4vw,21px)}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{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{color:var(--ink-soft);margin:0 0 16px}.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,.contact-links{z-index:1}#sea.is-live+.sunset{opacity:0}.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 .sunset{background:var(--amber);border-radius:50%;width:150px;height:150px;transition:opacity 1.4s;display:none;position:absolute;top:34px;right:14%;box-shadow:0 0 60px 20px #f5a31a59}.contact-links{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}.contact .sunset{width:100px;height:100px;right:8%}.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}}@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-links{gap:18px}.hero-copy{max-width:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}#scene{transition:none}}body{position:relative}#stage{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.surfer{z-index:3;pointer-events:none;opacity:0;transform-origin:50% 70%;will-change:transform;filter:drop-shadow(0 14px 18px #0c2a3338);width:180px;height:130px;position:fixed;top:0;left:0}.surfer-bob{transform-origin:90px 90px;animation:2.8s ease-in-out infinite surfer-bob}@keyframes surfer-bob{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-4px)rotate(-2deg)}}@media (prefers-reduced-motion:reduce){.surfer-bob,.scroll-cue:after{animation:none}}.phone-raw{box-shadow:none;aspect-ratio:auto;filter:drop-shadow(0 30px 40px #0c2a334d);background:0 0;border-radius:0;padding:0;overflow:visible}.phone-raw img{border-radius:0;height:auto}