/* Compact navigation above an unframed, responsive animated environment. */
.site-header.masthead{display:block;width:100%;max-width:none;min-height:0;margin:0;padding:0 clamp(20px,3.4vw,72px);border:0;background:var(--paper);color:var(--ink)}
.masthead-main{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0}
.masthead-identity{display:flex;align-items:center;gap:14px;flex-shrink:0;min-width:0}
.masthead-identity .wordmark{font-size:20px;letter-spacing:-.055em;min-height:44px;padding:12px 0;line-height:1}
.masthead-identity .wordmark span{font-size:12px;margin:0 0 0 4px}
.masthead-identity h1{font-size:22px;line-height:1.1;letter-spacing:-.045em;white-space:nowrap}
.site-header .masthead-navigation{display:flex;align-items:center;flex-wrap:nowrap;gap:28px;font-size:13px}
.site-header .site-tabs{display:flex;gap:24px;align-items:center;flex-wrap:nowrap;min-width:0;max-width:none}
.site-header .site-tabs [role='tab']{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;padding:10px 0;color:var(--muted);text-decoration:none;line-height:1.3;white-space:nowrap}
.site-header .site-tabs [aria-selected='true']{color:var(--ink);box-shadow:inset 0 -2px var(--jade)}
.site-header .site-tabs [role='tab']:hover{color:var(--jade)}
.site-header .linkedin-connect{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 12px;border:1px solid var(--jade);border-radius:4px;color:var(--jade);text-decoration:none;white-space:nowrap;font-size:12px;line-height:1.3}
.site-header .linkedin-connect:hover{background:var(--jade);color:var(--ivory)}

.hero{display:block;padding:0;margin:0;width:100%;max-width:none;gap:0}
.reel-shell{position:relative;isolation:isolate;display:block;width:100%;min-width:0;height:max(480px,calc(100svh - var(--masthead-height,68px)));margin:0;padding:0;overflow:hidden;--reel-text:var(--ink);--reel-muted:var(--muted);--reel-rule:var(--line);--reel-surface:var(--paper);background:var(--reel-surface);color:var(--reel-text)}
.reel-stage{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:none;overflow:hidden}
.reel-stage canvas{display:block;width:100%;height:100%;max-width:none;aspect-ratio:auto}
.reel-heading{position:absolute;z-index:2;left:clamp(20px,3.4vw,72px);right:clamp(20px,3.4vw,72px);top:22px;pointer-events:none}
.reel-overline{font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.11em;text-transform:uppercase;color:var(--reel-muted)}
#reel-title{display:none}
.reel-overlay-copy{position:absolute;z-index:3;left:clamp(20px,3.4vw,72px);right:clamp(20px,3.4vw,72px);bottom:25px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding-top:17px;border-top:1px solid var(--reel-rule);color:var(--reel-text)}
.reel-annotation{min-width:0;max-width:820px;display:block;padding:0;margin:0;min-height:0}
.reel-context{display:flex;align-items:baseline;gap:25px;flex-wrap:wrap;margin-bottom:8px}
.reel-project{font-size:11px;font-weight:700;line-height:1.4;letter-spacing:.09em;color:var(--reel-text)}
#reel-scene-link{font-size:12px;line-height:1.5;color:var(--reel-text);text-decoration:none;white-space:nowrap}
#reel-scene-link:hover{text-decoration:underline}
.reel-caption{margin:0;max-width:60em;text-align:left;font-family:var(--sans);font-style:normal;font-size:15px;line-height:1.55;color:var(--reel-muted)}
.reel-actions{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:10px}
.reel-explore{display:inline-flex;align-items:center;gap:25px;min-height:44px;border-radius:3px;padding:11px 16px;border:1px solid var(--reel-text);background:var(--reel-text);color:var(--reel-surface);text-decoration:none;font-size:12px;line-height:1.5;font-weight:600;white-space:nowrap}
.reel-explore:hover{background:transparent;color:var(--reel-text)}
.reel-quiet-controls{display:flex;align-items:center;gap:2px;margin:0}
.reel-quiet-controls button{display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--reel-text);font-size:19px;line-height:1;transition:background .15s,border-color .15s}
.reel-quiet-controls button:hover{border-color:var(--reel-rule);background:var(--sage-soft)}
.reel-shell a:focus-visible,.reel-quiet-controls button:focus-visible{outline:3px solid var(--reel-text);outline-offset:3px}
.reel-quiet-controls button:disabled{opacity:.45;cursor:default}
.reel-control-icon{font-size:17px;line-height:1}
.reel-shell:fullscreen{display:block;width:100dvw;height:100dvh;min-height:0;padding:0;background:var(--reel-surface)}
.reel-shell:fullscreen .reel-stage{position:absolute;inset:0;width:100%;height:100%;max-height:none;border:0;border-radius:0;aspect-ratio:auto}
.reel-shell:fullscreen .reel-annotation{display:block;width:auto;min-height:0;position:static;margin:0;padding:0;clip:auto;overflow:visible;white-space:normal}

@media(min-width:1800px){.reel-caption{font-size:17px}.reel-project{font-size:12px}}
@media(max-width:1050px){.masthead-main{gap:18px}.masthead-identity{gap:12px}.masthead-identity h1{font-size:21px}.site-header .masthead-navigation{gap:18px;font-size:12px}.site-header .site-tabs{gap:17px}.site-header .linkedin-connect{font-size:11px;padding-inline:10px;gap:7px}.reel-overlay-copy{gap:22px}.reel-caption{font-size:14px}}
@media(max-width:820px){.masthead-main{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:0 16px;padding:6px 0 0}.masthead-identity{grid-column:1;grid-row:1;min-height:44px;gap:12px}.masthead-identity h1{font-size:20px}.masthead-identity .wordmark{font-size:18px}.site-header .masthead-navigation{display:contents}.site-header .site-tabs{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;gap:12px;width:100%;font-size:13px}.site-header .linkedin-connect{grid-column:2;grid-row:1;padding-inline:9px;font-size:12px;border-color:transparent}.linkedin-connect .connect-prefix{display:none}.reel-actions{gap:7px}.reel-context{gap:12px}}
@media(max-width:700px){.reel-shell{height:max(480px,calc(100svh - var(--masthead-height,94px)))}.reel-heading{top:18px}.reel-overline{font-size:9px;letter-spacing:.08em;line-height:1.5}#reel-title{display:block;margin:8px 0 0;font-size:clamp(29px,7.6vw,46px);line-height:1.04;letter-spacing:-.045em;color:var(--reel-text)}.reel-overlay-copy{display:block;bottom:15px;padding-top:12px}.reel-context{justify-content:space-between;gap:5px;margin-bottom:7px}.reel-project{font-size:10px;letter-spacing:.055em}#reel-scene-link{font-size:11px}.reel-caption{font-size:14px;line-height:1.45;min-height:4.35em}.reel-actions{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin-top:12px}.reel-explore{font-size:11px;padding:10px 11px;gap:12px}.reel-quiet-controls{gap:0}.reel-quiet-controls button{width:40px;min-width:40px;height:44px}.reel-shell:fullscreen .reel-heading{top:18px}}
@media(max-width:540px){.site-header.masthead{padding-inline:16px}.site-header .site-tabs{font-size:12px;gap:5px}.site-header .site-tabs [role='tab']{padding:10px 0}.reel-heading,.reel-overlay-copy{left:16px;right:16px}.reel-shell{height:max(470px,calc(100svh - var(--masthead-height,94px)))}}
@media(max-width:360px){.site-header.masthead{padding-inline:14px}.masthead-main{column-gap:8px}.masthead-identity{gap:8px}.masthead-identity .wordmark{font-size:17px}.masthead-identity h1{font-size:19px}.site-header .linkedin-connect{padding-inline:5px;font-size:11px;gap:5px}.reel-heading,.reel-overlay-copy{left:14px;right:14px}.reel-project{font-size:9px}.reel-explore{font-size:10px;padding-inline:10px;gap:8px}.reel-quiet-controls button{width:38px;min-width:38px}}
@media(prefers-reduced-motion:reduce){.reel-quiet-controls button,.site-header .linkedin-connect{transition:none}}