.site-nav{box-sizing:border-box;position:fixed;top:0;left:0;width:100%;height:80px;z-index:9999;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;background:transparent;color:#30292a;font-family:Arial,Helvetica,sans-serif;pointer-events:none}
.cursor-trail{position:fixed;inset:0;z-index:99999;pointer-events:none;overflow:hidden;opacity:0;contain:strict}
/* Portfolio editorial refinements; scoped to the existing video story. */
.video-story .stage{background-color:#e6aaa2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.55' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.10' filter='url(%23n)'/%3E%3C/svg%3E")}
.video-story .profile-about{padding-left:22px;padding-right:22px}
.video-story .profile-about p{max-width:32ch;font-size:clamp(15px,1.15vw,18px);line-height:1.7;margin-bottom:26px}
.video-story .profile-about .profile-lead{font-size:clamp(18px,1.5vw,23px);line-height:1.55}
.profile-lead strong{font-weight:700;color:#252024}
.video-story .skill-tags{gap:10px}.video-story .skill-tags li{padding:6px 11px;line-height:1.3}
.video-story .education-detail small{font-size:12px}
.video-story .what-do{right:5.5%;width:46%;max-width:740px}
.video-story .what-do h2,.video-story .experience h2{font-family:"Freckle Face",Arial,sans-serif;font-size:clamp(34px,4vw,62px);line-height:1.1;margin-bottom:30px}
.video-story .capability summary{font-family:Arial,Helvetica,sans-serif;font-size:clamp(16px,1.55vw,24px);font-weight:700;letter-spacing:-.02em;min-height:72px;line-height:1.3;padding:21px 0}
.capability-description{font-size:clamp(15px,1.15vw,18px);line-height:1.65;max-width:44ch;margin:0 0 18px}
.capability-projects{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 24px;font-size:12px}
.capability-projects a,.capability-projects span{display:inline-flex;align-items:center;min-height:36px;padding:6px 12px;border:1px solid #72515b55;border-radius:999px}
.capability-projects a{text-decoration:none;transition:background-color 200ms ease}
.capability-projects a:hover{background:#ffffff50}
.video-story .experience{width:44%;max-width:680px}
.video-story .experience-entry{padding-bottom:28px}
.video-story .experience-entry h3{font-size:clamp(18px,1.55vw,24px);line-height:1.25;max-width:32ch}
.video-story .experience-role{font-size:13px;color:#655058;font-weight:500;margin-bottom:12px}
.video-story .experience-description{font-size:clamp(14px,1.1vw,17px);line-height:1.6;max-width:50ch}
.experience-tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 0;padding:0;font-size:10px;color:#655058}
.experience-tags li{border:1px solid #72515b44;border-radius:999px;padding:4px 8px}
@media(min-width:761px) and (max-width:1100px){.video-story .profile-overlay{grid-template-columns:31% 31%;inset:100px 3% 24px}.video-story .profile-about{padding:10px}.video-story .profile-about p{font-size:14px}.video-story .profile-about .profile-lead{font-size:18px}.video-story .what-do{width:51%;right:4%}.video-story .capability summary{font-size:16px}.video-story .experience{width:49%;left:4%}}
@media(max-height:800px) and (min-width:761px){.video-story .profile-about p{font-size:14px;margin-bottom:20px}.video-story .profile-about .profile-lead{font-size:18px}.video-story .skill-tags{gap:8px}.video-story .skill-tags li{font-size:11px;padding:5px 9px}.video-story .what-do h2,.video-story .experience h2{font-size:38px;margin-bottom:24px}.video-story .capability summary{min-height:64px;padding:18px 0;font-size:17px}}
@media(max-width:760px){.video-story .profile-overlay{display:flex;flex-direction:column;max-height:calc(100dvh - 124px);inset:100px 20px 24px;padding:22px 18px;gap:28px}.video-story .profile-about{order:-1;margin:0;padding:0;overflow:visible;flex-shrink:0}.video-story .profile-background{flex-shrink:0;overflow:visible}.video-story .profile-about p{font-size:15px;max-width:none;margin-bottom:20px}.video-story .profile-about .profile-lead{font-size:19px}.video-story .profile-overlay h2{font-size:30px}.video-story .what-do,.video-story .experience{left:20px;right:20px;width:auto;max-height:calc(100dvh - 124px)}.video-story .what-do h2,.video-story .experience h2{font-size:32px;margin-bottom:20px}.video-story .capability summary{min-height:64px;padding:18px 0;font-size:15px}.capability-description{font-size:15px}.video-story .experience-entry h3{font-size:19px}.video-story .experience-description{font-size:14px}}
.cursor-trail-dot{position:absolute;top:0;left:0;border-radius:50%;background:var(--trail-color,#fff);pointer-events:none;opacity:0;will-change:transform,opacity}
.cursor-trail-dot:nth-child(-n+3){box-shadow:var(--trail-glow)}
@media(pointer:coarse),(hover:none),(max-width:760px),(prefers-reduced-motion:reduce){.cursor-trail{display:none}}
.site-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;font-size:14px;font-weight:500;transition:color 250ms ease;pointer-events:auto}
.site-nav .site-name{font-size:17px;font-weight:600;letter-spacing:-.03em}
.site-nav-links{display:flex;align-items:center;gap:34px}
.site-nav .nav-button{justify-content:center;padding:12px 18px;border:0;border-radius:2rem;background:transparent;box-shadow:#33333366 3px 3px 0 1px;font-family:"Courier New",monospace;font-size:17px;font-weight:700;text-transform:uppercase;white-space:nowrap;isolation:isolate;filter:url(#navHandDrawnNoise);cursor:pointer;transition:transform 300ms ease;animation:nav-sketch-idle 3s infinite ease-in-out}
.nav-button-label{position:relative;z-index:1;pointer-events:none}
.nav-cosm{position:absolute;width:64px;height:64px;left:-31px;bottom:-23px;fill:#33333366;pointer-events:none;transition:transform 300ms ease;z-index:-1}
.nav-highlight{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:rgba(255,225,0,.6);pointer-events:none;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 500ms ease;z-index:0}
.site-nav .nav-button:hover,.site-nav .nav-button:focus-visible{color:#30292a;animation:nav-sketch-hover 2.5s infinite ease-in-out}
.nav-button:hover .nav-highlight,.nav-button:focus-visible .nav-highlight{stroke-dashoffset:0}
.nav-button:hover .nav-cosm,.nav-button:focus-visible .nav-cosm{transform:translate(-2px,3px) rotate(-15deg)}
.site-nav .nav-button:active{box-shadow:inset #33333399 3px 3px 0 1px;transform:translateY(2px)}
.nav-button:active .nav-cosm{transform:translate(8px,1px) rotate(-135deg)}
.site-nav .nav-button[aria-current="page"] .nav-button-label{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}
@keyframes nav-sketch-idle{0%,100%{rotate:0deg;filter:url(#navHandDrawnNoise)}50%{rotate:2.5deg;filter:url(#navHandDrawnNoise2)}}
@keyframes nav-sketch-hover{0%,100%{rotate:0deg;translate:0 0;filter:url(#navHandDrawnNoise)}25%,75%{rotate:-1deg;translate:0 -2px;filter:url(#navHandDrawnNoise2)}50%{rotate:0deg;translate:0 2px;filter:url(#navHandDrawnNoise)}}
.site-nav a:hover{color:#915667}
.site-nav a:focus-visible{outline:2px solid #784453;outline-offset:4px;border-radius:2px}
.site-nav .nav-toggle{display:none}
@media(max-width:768px){
  .site-nav{height:72px;padding:0 20px;z-index:10000}
  .site-nav .site-name{font-size:16px}
  .site-nav .nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:10px;border:1px solid #72515b66;border-radius:50%;background:rgba(248,232,228,.62);color:#30292a;pointer-events:auto;cursor:pointer;touch-action:manipulation}
  .site-nav .nav-toggle span{display:block;width:24px;height:2px;border-radius:2px;background:currentColor;transition:transform 220ms ease,opacity 220ms ease}
  .site-nav.is-open .nav-toggle span:first-child{transform:translateY(7px) rotate(45deg)}
  .site-nav.is-open .nav-toggle span:nth-child(2){opacity:0}
  .site-nav.is-open .nav-toggle span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .site-nav-links{position:absolute;top:calc(100% + 8px);right:16px;display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:190px;padding:16px;background:rgba(248,232,228,.97);border:1px solid #72515b44;border-radius:18px;box-shadow:0 10px 26px rgba(74,55,50,.16);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-8px) scale(.98);transform-origin:top right;transition:opacity 220ms ease,transform 220ms ease,visibility 220ms ease}
  .site-nav.is-open .site-nav-links{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1)}
  .site-nav .nav-button{justify-content:flex-start;min-height:46px;padding:10px 14px;font-size:14px}
  .site-nav .nav-cosm{width:42px;height:42px;left:-15px;bottom:-12px}
}
@media(prefers-reduced-motion:reduce){.site-nav-links,.site-nav .nav-toggle span{transition:none}}
/* Keep overlays clear of the fixed header without changing video scroll geometry. */
.experience{top:max(96px,10%);height:min(80%,calc(100dvh - 116px))}
.what-do{max-height:calc(100dvh - 120px);top:calc(50% + 32px)}
@media(max-width:760px){.site-nav{height:72px;padding:0 20px}.site-nav-links{gap:18px}.site-nav a{font-size:13px}.site-nav .site-name{font-size:15px}.experience{top:auto;height:min(68dvh,calc(100dvh - 116px))}.what-do{top:auto;max-height:min(60dvh,calc(100dvh - 116px))}}
@media(max-width:760px){.site-nav{padding:0 16px}.site-nav-links{gap:14px}.site-nav .nav-button{font-size:12px;padding:10px 9px}.nav-cosm{width:36px;height:36px;left:-17px;bottom:-12px}.site-nav .site-name{font-size:14px}}
@media(max-width:360px){.site-nav{padding:0 12px}.site-nav-links{gap:10px}.site-nav .nav-button{padding:10px 6px;font-size:11px}.site-nav .site-name{font-size:13px}}
@media(min-width:761px) and (max-width:1100px){.site-nav{padding-inline:4%}.site-nav-links{gap:24px}}
@media(max-width:760px){.video-story{height:calc(var(--duration)*100dvh)}.stage{height:100dvh}.hero-copy{bottom:max(60px,calc(24px + env(safe-area-inset-bottom)))}.profile-overlay{bottom:max(24px,env(safe-area-inset-bottom))}.what-do,.experience{bottom:max(20px,env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.site-nav a,.nav-highlight,.nav-cosm{transition:none}.site-nav .nav-button,.site-nav .nav-button:hover,.site-nav .nav-button:focus-visible{animation:none}}