:root{--font-sans:"SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", sans-serif;font-feature-settings:"cv11", "ss01", "calt", "liga";font-optical-sizing:auto;--space-xxs:.25rem;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-full:999px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#07090f;--color-text:#ffffffde;--color-text-muted:#ffffff9a;--color-text-subtle:#f5f7ff66;--color-accent:#7c8cfb;--color-accent-2:#5deadd;--color-accent-soft:#7c8cfb26;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#e4f4f9;--color-text:#0a0a0a;--color-text-faded:#0a0a0aa5;--color-text-muted:#0a0a0a99;--color-text-subtle:#0a0a0a6a;--color-accent:#5563e8;--color-accent-2:#11b9ab;--color-accent-soft:#5563e81a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-y:scroll}.morph-veil{z-index:5;pointer-events:none;opacity:0;-webkit-backdrop-filter:blur(16px)saturate(1.4)brightness(1.04);will-change:opacity;background:linear-gradient(135deg,#ffffff0f,#ffffff04);position:fixed;inset:0}[data-theme=light] .morph-veil{background:linear-gradient(135deg,#ffffff52,#ffffff1f)}@media (prefers-reduced-motion:reduce){.morph-veil{display:none}}.story-reveal,.story-lift{opacity:0;will-change:transform, opacity, filter;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1),filter .9s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s)}.story-reveal{filter:blur(10px);transform:translateY(26px)}.story-lift{filter:blur(12px);transform:translateY(42px)scale(.98)}.story-reveal.in-view,.story-lift.in-view{opacity:1;filter:blur();transform:none}.hero-content.story-reveal{--reveal-delay:50ms}.hero-options.story-reveal{--reveal-delay:.28s}@media (prefers-reduced-motion:reduce){.story-reveal,.story-lift{opacity:1;filter:none;transition:none;transform:none}}.scroll-cue{color:var(--color-text-subtle);letter-spacing:.22em;text-transform:uppercase;opacity:0;flex-direction:column;align-items:center;gap:.55rem;font-size:.68rem;animation:1s 1.1s forwards cue-fade-in;display:flex;position:absolute;bottom:2.25rem;left:50%;transform:translate(-50%)}.scroll-cue__rail{background:linear-gradient(#0000,#ffffff2e,#0000);width:1px;height:42px;position:relative;overflow:hidden}.scroll-cue__rail:after{content:"";background:linear-gradient(180deg, transparent, var(--color-accent));width:100%;height:40%;animation:2.2s cubic-bezier(.76,0,.24,1) infinite cue-trail;position:absolute;top:-40%;left:0}@keyframes cue-trail{0%{transform:translateY(0)}to{transform:translateY(340%)}}@keyframes cue-fade-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.scroll-cue,.scroll-cue__rail:after{animation:none}.scroll-cue{opacity:1}}h1{font-size:3.2em;line-height:1.1}a{-webkit-text-decoration:inherit;text-decoration:inherit;color:var(--color-accent);font-size:.875rem;line-height:1.7}.l-text{letter-spacing:-.03em;background:linear-gradient(135deg, var(--color-text) 0%, var(--color-text-muted) 100%);-webkit-text-fill-color:transparent;margin-bottom:var(--space-lg);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,8vw,4.5rem);font-weight:700;line-height:1}.m-text{color:var(--color-text-muted);margin-bottom:var(--space-md);font-size:clamp(1.25rem,3vw,1.75rem);font-weight:500;line-height:1.3}.sm-text{color:var(--color-text-faded);font-size:1.125rem}.xs-text{color:var(--color-text-muted);margin-bottom:.5rem;font-size:1.125rem}.header{letter-spacing:.075rem;color:var(--color-text-muted);font-size:.6rem;font-weight:600}.sm-subtitle{color:var(--color-text-muted);font-size:.825rem;font-weight:475;line-height:1.4}.subtitle{color:var(--color-text-subtle);max-width:540px;margin:0 auto var(--space-xl);font-size:1rem;line-height:1.7}.section-header{color:var(--color-text);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:640}.section-label{color:var(--color-accent);letter-spacing:.25em;text-transform:uppercase;font-size:.8em;font-weight:500}.descriptor{gap:var(--space-md);padding-bottom:var(--space-sm);flex-direction:column;display:flex}.card-link{align-self:flex-start;gap:var(--space-xs);flex-direction:row;margin-top:auto;display:flex}.card-link .card-icon{margin-top:.15em}button{cursor:pointer;border:1px solid #0000;border-radius:100px;padding:.75rem 1.5rem;font-family:inherit;font-size:1em;font-weight:500}.primary-button{background:linear-gradient(135deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 78%, #000));color:#fff;transition:background .3s,box-shadow .3s;box-shadow:0 8px 32px #7c8cfb4d}.primary-button:hover{color:#fff;box-shadow:0 12px 40px #7c8cfb66}.tag{padding:var(--space-xxs) var(--space-xs);text-align:center;border-radius:var(--radius-full);font-size:.7rem}.tag.tag--group{border-color:color-mix(in srgb, var(--tint,var(--color-accent)) 60%, transparent);color:color-mix(in srgb, var(--tint,var(--color-accent)) 75%, var(--color-text));font-weight:600}body{width:100%;font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);font-size:1rem;line-height:1.6;position:relative;overflow-x:hidden}body:before{content:"";z-index:-3;pointer-events:none;background:radial-gradient(circle at 18% 18%,#7c8cfb1f,#0000 28%),radial-gradient(circle at 82% 36%,#5deadd13,#0000 24%),linear-gradient(#0000,#ffffff05 50%,#0000);position:fixed;inset:0}.home{background:0 0;width:auto;min-height:100vh;margin:2rem 4rem;position:relative}.ambient-orb{filter:blur(120px);opacity:.4;will-change:transform;border-radius:50%;position:fixed}.ambient-orb-1{background:#7c8cfb40;width:500px;height:500px;top:-10%;left:-5%}.ambient-orb-2{background:#5deadd26;width:400px;height:400px;bottom:20%;right:-10%}.hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;will-change:transform, opacity;max-width:720px;position:relative}.hero-options{z-index:2;justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex;position:relative}.hero-link,.contact-link{border-radius:var(--radius-full);justify-content:center;align-items:center;min-height:2.9rem;padding:.75rem 1.5rem;line-height:1;display:inline-flex}.hero-link.primary-button{color:#fff}.capsule-selector{border-radius:100px;align-self:center;display:flex;position:relative}.focus,.skills,.projects{z-index:1;gap:var(--space-2xl);text-align:center;flex-direction:column;min-width:300px;max-width:1000px;margin:0 auto;padding:6rem 2rem;display:flex;position:relative}.skill-entry{grid-template-columns:repeat(auto-fit,250px);justify-content:center;gap:3rem;padding-top:5rem;display:grid}.card-icon{color:var(--color-accent)}.card-header{color:var(--color-text);font-size:clamp(.5rem,4vw,1.25rem);font-weight:500}.card-subtitle{color:#b4b4b4;font-size:.875rem;font-weight:450;line-height:1.7}.skills-grid{gap:clamp(.5rem, 2vw, var(--space-md));grid-column:2/span 2;grid-template-columns:repeat(2,1fr);justify-content:center;display:grid}.skills-grid .large{grid-column:1/span 2}.skills-card{text-align:left;justify-content:flex-start;gap:var(--space-sm);padding:clamp(.75rem, 3vw, var(--space-lg));flex-direction:column;display:flex}.skills-card .icon{border-radius:var(--radius-md);border-width:.2em;justify-content:center;align-items:center;width:5em;height:5em;font-size:.7rem;display:flex}.skills-card .python{background-color:#949b0f6b!important;border-color:#fee00072!important;box-shadow:0 0 3em 1em #949b0f35!important}.skills-card .c{background-color:#9379ffa5!important;border-color:#b390ffc9!important;box-shadow:0 0 3em 1em #9379ff35!important}.skills-card .matlab{background-color:#5493ff6b!important;border-color:#5f84c844!important;box-shadow:0 0 3em 1em #5493ff35!important}.skills-card .sql{background-color:#169b429c!important;border-color:#00bd3f68!important;box-shadow:0 0 3em 1em #169b4235!important}.skills-card .microchip{background-color:#c1c1c1b4!important;border-color:#ffffff7e!important;box-shadow:0 0 3em 1em #c1c1c135!important}.skills-card .asm{background-color:#00c803b4!important;border-color:#34ff3460!important;box-shadow:0 0 3em 1em #00c80335!important}.skills-card .hardware{background-color:#ffbf00ca!important;border-color:#ffbf007d!important;box-shadow:0 0 3em 1em #ffbf0035!important}.skills-card .bare-metal{background-color:#0a84ffb4!important;border-color:#0a84ff7d!important;box-shadow:0 0 3em 1em #0a84ff35!important}.skills-card .PCB{background-color:#121416b4!important;border-color:#202427ba!important;box-shadow:0 0 3em 1em #4d4f5135!important}.skills-card .resistor{background-color:#ede7df96!important;border-color:#d9cbb86d!important;box-shadow:0 0 3em 1em #4d4f5135!important}.skills-card .waveform{background-color:#030303b6!important;border-color:#3b3b3b56!important;box-shadow:0 0 3em 1em #4d4f5135!important}.skills-card .breadboard{background-color:#514d4db6!important;border-color:#6b6b6b56!important;box-shadow:0 0 3em 1em #4d4f5135!important}.skills-card .card-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.projects{max-width:1180px}.timeline{z-index:1;gap:var(--space-2xl);text-align:center;flex-direction:column;max-width:1080px;margin:0 auto;padding:7rem 2rem;display:flex;position:relative}.timeline-track{width:100%;max-width:940px;padding:var(--space-lg) 0 var(--space-xl);margin:0 auto;position:relative}.timeline-spine{border-radius:var(--radius-full);background:#ffffff1a;width:2px;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%)}.timeline-spine__fill{border-radius:inherit;background:linear-gradient(180deg, var(--color-accent), var(--color-accent-2));transform-origin:top;will-change:transform;position:absolute;inset:0;transform:scaleY(0);box-shadow:0 0 18px #7c8cfb8c}.timeline-item{column-gap:calc(var(--space-2xl) * 1.5);margin-bottom:var(--space-2xl);grid-template-columns:1fr 1fr;display:grid;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-item--left .timeline-card{text-align:right;grid-column:1;align-items:flex-end}.timeline-item--right .timeline-card{text-align:left;grid-column:2;align-items:flex-start}.timeline-card{gap:var(--space-xs);padding:var(--space-lg);flex-direction:column;min-width:0;display:flex}.timeline-node{z-index:2;background:var(--color-bg);border:2px solid #ffffff47;border-radius:50%;width:15px;height:15px;transition:background .5s,border-color .5s,box-shadow .5s;position:absolute;top:1.75rem;left:50%;transform:translate(-50%)}.timeline-item.in-view .timeline-node{background:var(--color-accent);border-color:var(--color-accent);box-shadow:0 0 0 5px var(--color-accent-soft), 0 0 20px #7c8cfb99}.timeline-year{border-radius:var(--radius-full);width:fit-content;color:var(--color-accent);background:var(--color-accent-soft);padding:.25rem .75rem;font-size:.78rem;font-weight:650}.timeline-card-title{color:var(--color-text);font-size:clamp(1.05rem,2vw,1.35rem);font-weight:600;line-height:1.25}.timeline-card-body{color:var(--color-text-muted);font-size:.9rem;line-height:1.65}.contact{z-index:1;justify-content:center;align-items:center;min-height:100vh;padding:7rem 2rem;display:flex;position:relative}.contact-stage{width:min(760px,100%);position:relative}.contact-tail{pointer-events:none;z-index:3;position:absolute;overflow:visible}.contact-tail__draw{fill:none;stroke:var(--color-accent-2);stroke-width:2px;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 6px #5deadd73)}.contact-panel{align-items:center;gap:var(--space-xl);text-align:center;flex-direction:column;width:100%;padding:clamp(2rem,5vw,4rem);display:flex}.contact-copy{max-width:520px;color:var(--color-text-muted);font-size:1rem;line-height:1.7}.contact-actions{justify-content:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.contact-link{gap:.5rem;font-size:1rem;font-weight:500}.contact-icon{flex-shrink:0;width:1.1em;height:1.1em}.contact-link--icon{width:2.9rem;min-width:2.9rem;padding-inline:0}.contact-link--icon .contact-icon{width:1.25rem;height:1.25rem}@media (max-width:780px){.home{margin:1rem}.hero{padding-inline:1rem}.timeline{padding:5rem 1.25rem}.timeline-spine{left:8px;transform:none}.timeline-item{grid-template-columns:1fr}.timeline-item--left .timeline-card,.timeline-item--right .timeline-card{text-align:left;grid-column:1;align-items:flex-start;margin-left:2.75rem}.timeline-node{left:8px}.contact{padding-left:1.75rem;padding-right:1.75rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.coverflow-section{gap:var(--space-md);max-width:1180px;padding-block:2rem;position:relative}.coverflow{--cover-w:clamp(220px, 30vw, 340px);width:100%;height:calc(var(--cover-w) * 1.32);perspective:1800px;perspective-origin:50% 42%;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline:none;position:relative}.coverflow:active{cursor:grabbing}.coverflow-stage{transform-style:preserve-3d;position:absolute;inset:0}.cover{width:var(--cover-w);height:var(--cover-w);margin-left:calc(var(--cover-w) / -2);margin-top:calc(var(--cover-w) / -2);transform-style:preserve-3d;transform-origin:50%;will-change:transform;cursor:pointer;background:0 0;border:none;padding:0;transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .45s;position:absolute;top:42%;left:50%}.cover-art{--tint:var(--color-accent);width:100%;height:100%;padding:var(--space-lg);isolation:isolate;text-align:left;color:#fff;background-color:var(--color-bg);background-image:linear-gradient(135deg, #ffffff4d 0%, #ffffff0f 32%, transparent 58%), linear-gradient(to top, #0000006b 0%, #0000001f 32%, transparent 56%), linear-gradient(160deg, color-mix(in srgb, var(--tint) 62%, transparent) 0%, color-mix(in srgb, var(--tint) 26%, transparent) 100%);border:1px solid color-mix(in srgb, var(--tint) 45%, #ffffff73);box-shadow:inset 0 1px 0 #ffffff73, inset 0 0 34px color-mix(in srgb, var(--tint) 24%, transparent), 0 20px 44px #00000042, 0 0 64px color-mix(in srgb, var(--tint) 32%, transparent);-webkit-box-reflect:below 8px linear-gradient(transparent 58%, #0000002e);border-radius:22px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.cover-art:before{content:"";mix-blend-mode:soft-light;pointer-events:none;background:linear-gradient(135deg,#ffffff52 0%,#0000 32%),linear-gradient(315deg,#00000047 0%,#0000 38%);position:absolute;inset:0}.cover-art__glow{filter:blur(14px);opacity:.7;pointer-events:none;background:radial-gradient(circle,#fff6,#0000 65%);width:80%;height:80%;position:absolute;top:-30%;right:-20%}.cover-art__index{letter-spacing:-.04em;color:#ffffff38;pointer-events:none;font-size:clamp(3rem,6vw,4.5rem);font-weight:800;line-height:1;position:absolute;top:.7rem;left:1rem}.cover-art__icon{color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff29;border:1px solid #ffffff47;border-radius:12px;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;display:flex;position:absolute;top:1.1rem;right:1.1rem}.cover-art__title{z-index:1;letter-spacing:-.01em;text-shadow:0 2px 12px #00000073;font-size:clamp(1.05rem,2.2vw,1.4rem);font-weight:650;line-height:1.15;position:relative}.cover-art__category{z-index:1;letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7;margin-top:.45rem;font-size:.66rem;font-weight:600;position:relative}.coverflow-controls{justify-content:center;align-items:center;gap:var(--space-lg);display:flex}.coverflow-arrow{width:42px;height:42px}.coverflow-arrow:hover:not(:disabled){transform:scale(1.06)}.coverflow-arrow:disabled{opacity:.3;cursor:default}.coverflow-dots{align-items:center;gap:.6rem;display:flex}.coverflow-dot{cursor:pointer;background:#ffffff38;border:none;border-radius:50%;width:9px;height:9px;padding:0;transition:width .3s,background .3s}.coverflow-dot.active{border-radius:var(--radius-full);background:var(--dot-accent,var(--color-accent));width:28px}.coverflow-info{width:min(640px,100%);min-height:10rem;margin:0 auto;position:relative}.coverflow-info__inner{align-items:center;gap:var(--space-sm);text-align:center;flex-direction:column;display:flex}.coverflow-info__title{letter-spacing:-.01em;color:var(--color-text);font-size:clamp(1.4rem,3vw,2rem);font-weight:650;line-height:1.1}.coverflow-info .card-tags{justify-content:center;gap:var(--space-xs);flex-wrap:wrap;display:flex}.coverflow-info .card-subtitle{max-width:48ch;color:var(--color-text-muted)}:is(.coverflow-info,.descriptor) .card-link{margin-top:var(--space-xs);align-self:center;align-items:center;gap:var(--space-xs);cursor:pointer;line-height:1;transition:gap .25s;display:inline-flex}:is(.coverflow-info,.descriptor) .card-link span{line-height:1}:is(.coverflow-info,.descriptor) .card-link .card-icon{color:inherit;align-items:center;margin-top:0;transition:transform .25s;display:inline-flex}:is(.coverflow-info,.descriptor) .card-link:hover{gap:var(--space-sm)}:is(.coverflow-info,.descriptor) .card-link:hover .card-icon{transform:translate(2px)}[data-theme=light] .cover-art{background-image:linear-gradient(135deg, #ffffff80 0%, #ffffff1f 34%, transparent 58%), linear-gradient(to top, #00000057 0%, #0000001f 36%, transparent 60%), linear-gradient(160deg, color-mix(in srgb, var(--tint) 90%, transparent) 0%, color-mix(in srgb, var(--tint) 58%, transparent) 100%);border-color:color-mix(in srgb, var(--tint) 55%, #fff9);box-shadow:inset 0 1px 0 #fff9, inset 0 0 30px color-mix(in srgb, var(--tint) 16%, transparent), 0 16px 38px color-mix(in srgb, var(--tint) 28%, #0000001a), 0 0 54px color-mix(in srgb, var(--tint) 32%, transparent);-webkit-box-reflect:below 8px linear-gradient(transparent 60%, #0000001f)}[data-theme=light] .coverflow-dot{background:#0000002e}@media (max-width:780px){.coverflow-section{gap:var(--space-md);padding-block:2rem}.coverflow{--cover-w:clamp(180px, 62vw, 260px);height:calc(var(--cover-w) * 1.45)}.coverflow-info{min-height:10rem}}@media (prefers-reduced-motion:reduce){.cover{transition:none}}:is(.coverflow-info,.descriptor) button.card-link{font:inherit;background:0 0;border:none;padding:0}.cartridge-slot{height:13px;box-shadow:inset 0 6px 9px #000000d9, inset 0 1px 0 #ffffff38, 0 0 28px color-mix(in srgb, var(--slot-tint,#7c8cfb) 60%, transparent);opacity:0;z-index:1600;pointer-events:none;background:linear-gradient(#000 0%,#0000008c 45%,#00000047 100%);border-radius:7px;position:absolute;top:0;left:0}.pm-backdrop{z-index:2000;-webkit-backdrop-filter:blur(14px)saturate(1.3);background:#05070c80;justify-content:center;align-items:center;padding:clamp(6rem,8vh,7rem) clamp(1rem,4vw,3rem) clamp(1.5rem,4vw,3rem);display:flex;position:fixed;inset:0}[data-theme=light] .pm-backdrop{background:#e4f4f980}.pm-sheet{will-change:transform;border-radius:28px;flex-direction:column;width:min(760px,100%);max-height:min(80vh,860px);display:flex;position:relative;overflow:hidden}.pm-backdrop .pm-sheet .pm-close{z-index:3;width:40px;height:40px;position:absolute;top:1rem;right:1rem}.pm-scroll{overscroll-behavior:contain;gap:var(--space-lg);text-align:left;flex-direction:column;padding:clamp(2rem,4.5vw,3.25rem);display:flex;overflow-y:auto}.pm-category{letter-spacing:.12em;text-transform:uppercase;padding-right:3rem;font-size:.72rem;font-weight:600}.pm-title{letter-spacing:-.02em;color:var(--color-text);font-size:clamp(1.6rem,4vw,2.4rem);font-weight:650;line-height:1.1}.pm-tags{gap:var(--space-xs);flex-wrap:wrap;display:flex}.pm-hook{color:var(--color-text-muted);text-align:justify;font-size:clamp(1.05rem,2vw,1.2rem);line-height:1.6}.pm-highlights{gap:var(--space-sm);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.pm-metric{padding:var(--space-md);border-radius:var(--radius-md);flex-direction:column;gap:.3rem;display:flex}.pm-metric__value{letter-spacing:-.02em;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:720;line-height:1}.pm-metric__label{color:var(--color-text-muted);font-size:.72rem;line-height:1.3}.pm-gallery{gap:var(--space-md);flex-direction:column;display:flex}.pm-figure{flex-direction:column;align-items:center;gap:.6rem;margin:0;display:flex}.pm-image{object-fit:contain;background:#ffffff08;border:1px solid #ffffff1f;border-radius:16px;width:auto;max-width:100%;height:auto;max-height:460px;display:block;box-shadow:0 12px 30px #00000047}[data-theme=light] .pm-image{background:#00000008;border-color:#0000001a;box-shadow:0 12px 30px #2c4f641f}.pm-figure__caption{color:var(--color-text-muted);text-align:center;max-width:52ch;font-size:.8rem;line-height:1.45}.pm-section{gap:var(--space-xs);flex-direction:column;display:flex}.pm-section__heading{letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle);font-size:.78rem;font-weight:650}.pm-section__body{color:var(--color-text-muted);text-align:justify;font-size:.95rem;line-height:1.7}.pm-links{gap:var(--space-md);margin-top:var(--space-xs);flex-wrap:wrap;display:flex}.pm-link{border-radius:var(--radius-full);align-items:center;gap:.5rem;min-height:2.9rem;padding:.7rem 1.3rem;font-size:.9rem;font-weight:550;display:inline-flex}.pm-link.primary-button{color:#fff}@media (max-width:640px){.pm-backdrop{align-items:flex-end;padding:clamp(5rem,10vh,6rem) .75rem .75rem}.pm-sheet{border-radius:24px;width:100%;max-height:100%}}@media (prefers-reduced-motion:reduce){.cartridge-slot{display:none}}.about-sheet{width:min(880px,100%);height:min(80vh,860px)}@media (max-width:640px){.about-sheet{height:100%}}.credo-scroll{flex:1;min-height:0;padding:0;display:block;overflow-x:hidden}.credo-stage{box-sizing:border-box;flex-direction:column;justify-content:safe center;gap:clamp(1rem,3vh,2rem);padding:clamp(1.75rem,4vh,3rem) clamp(1.5rem,5vw,3.5rem);display:flex;position:sticky;top:0;overflow-y:auto}.credo-stage>.section-label{text-align:center}.credo-hero{text-align:center;letter-spacing:-.02em;margin:0;font-size:clamp(1.9rem,5.2vw,3.4rem);font-weight:700;line-height:1.04}.credo-hero__lead{color:var(--color-text);font-weight:400}.credo-word{will-change:transform, opacity;font-weight:760;animation:.5s cubic-bezier(.16,1,.3,1) both credoWordIn;display:inline-block}@keyframes credoWordIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.credo-body{grid-template-columns:minmax(0,.82fr) minmax(0,1fr);align-items:center;gap:clamp(1.75rem,4vw,3.5rem);width:100%;max-width:920px;margin:0 auto;display:grid}.credo-frame{aspect-ratio:4/5;width:auto;max-width:100%;height:min(44vh,420px);margin:0 auto;position:relative}.credo-photo{opacity:0;pointer-events:none;background:#ffffff08;border:1px solid #ffffff24;border-radius:22px;margin:0;transition:opacity .55s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;overflow:hidden;box-shadow:0 24px 60px #0006}.credo-photo.is-active{opacity:1;pointer-events:auto}.credo-photo__img{object-fit:cover;width:100%;height:100%;display:block}.credo-photo__placeholder{text-align:center;letter-spacing:.01em;color:#ffffffeb;background:linear-gradient(150deg, color-mix(in srgb, var(--accent) 55%, transparent), color-mix(in srgb, var(--accent) 12%, transparent)), var(--color-bg);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;width:100%;height:100%;font-size:1.1rem;font-weight:650;display:flex}.credo-photo__hint{letter-spacing:.18em;text-transform:uppercase;opacity:.6;font-size:.62rem;font-weight:600}.credo-text{align-items:center;display:grid}.credo-copy{opacity:0;pointer-events:none;grid-area:1/1;max-width:46ch;transition:opacity .55s cubic-bezier(.16,1,.3,1)}.credo-copy.is-active{opacity:1;pointer-events:auto}.credo-copy__eyebrow{letter-spacing:.14em;text-transform:uppercase;margin:0 0 .85rem;font-size:.74rem;font-weight:680}.credo-copy__body{color:var(--color-text-muted);margin:0;font-size:clamp(.95rem,1.3vw,1.1rem);line-height:1.65}.credo-cue{cursor:pointer;opacity:1;background:0 0;border:none;align-self:center;padding:0;transition:opacity .4s;animation:none;position:static;bottom:auto;left:auto;transform:none}.credo-cue.is-end{opacity:0;pointer-events:none}.credo-spacer{width:100%}@media (max-width:760px){.credo-stage{gap:clamp(.75rem,1.8vh,1.2rem);padding:1.25rem 1.25rem .75rem}.credo-hero{font-size:clamp(1.6rem,7vw,2rem)}.credo-body{grid-template-columns:1fr;gap:.9rem;max-width:360px}.credo-frame{height:clamp(150px,21vh,220px)}.credo-copy{text-align:center;max-width:none}.credo-copy__body{font-size:.92rem;line-height:1.55}}@media (prefers-reduced-motion:reduce){.credo-photo,.credo-copy{transition:none}.credo-word{animation:none}}.glass-pane{isolation:isolate;-webkit-backdrop-filter:blur(42px)saturate(1.85)contrast(1.08)brightness(1.03);background:#ffffff0e;border:1px solid #ffffff2e;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 18px 56px #00000057,0 2px 10px #0000002e,inset 0 1px #ffffff3d,inset 0 -1px #ffffff0f,inset 1px 0 #ffffff14,inset -1px 0 #ffffff09}.glass-pane>:not(.glass-pane__shine){z-index:1;position:relative}.shine{z-index:1;position:relative;overflow:hidden}.shine:before{content:"";opacity:1;z-index:-1;background-image:linear-gradient(135deg,#ffffff13 0%,#0000 40%);transition:opacity .3s ease-in-out;position:absolute;inset:0}.shine:hover:before{opacity:.4}[data-theme=light] .glass-pane{background:#ffffff42;border-color:#ffffffb8;box-shadow:0 18px 56px #2c4f6424,0 2px 10px #2c4f6414,inset 0 1px #ffffffeb,inset 0 -1px #00000009}.glass-pane__shine{border-radius:inherit;pointer-events:none;opacity:.78;z-index:0;background:linear-gradient(135deg,#ffffff29 0%,#ffffff0b 22%,#0000 48%);transition:opacity .3s;position:absolute;inset:0}[data-theme=light] .glass-pane__shine{opacity:1;background:linear-gradient(135deg,#fff6 0%,#0000 40%)}.glass-pane__content{z-index:1;display:contents;position:relative}.glass-pane--interactive{transition:background .3s,border-color .3s,box-shadow .3s}.glass-pane--interactive:hover{background:#ffffff13;border-color:#ffffff4d;box-shadow:0 22px 66px #00000063,0 4px 12px #00000040,inset 0 0 36px #ffffff14,inset 0 1px #ffffff38}.glass-pane--interactive:hover .glass-pane__shine{opacity:1}[data-theme=light] .glass-pane--interactive:hover{background:#fff6;border-color:#fffc;box-shadow:0 12px 40px #0000001f,0 4px 12px #00000014,inset 0 1px #fffffff2}.glass-button{z-index:1;background-color:#4d4d4d72;background-image:linear-gradient(135deg,#ffffff45 0%,#0000 40%);border:1px solid #ffffff4d;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d}[data-theme=light] .glass-button{background:#cfcfcf5f;border-color:#fff9;box-shadow:0 8px 32px #00000035,0 2px 8px #0002,inset 0 1px #ffffff14}.glass-button:before{content:"";opacity:0;background-image:linear-gradient(135deg,#ffffff40 0%,#0000 100%);transition:opacity .4s ease-in-out;position:absolute;inset:0}.glass-button--interactive:hover:before{opacity:1}.icon-button{color:var(--color-text);cursor:pointer;will-change:transform;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .25s,color .25s,transform .25s,opacity .25s;display:flex}.icon-button:hover:not(:disabled){background:#ffffff29}[data-theme=light] .icon-button{background:#0000000d;border-color:#0000001a}.capsule-nav{z-index:2100;max-width:90vw;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.capsule-nav-inner{white-space:nowrap;border-radius:100px;flex-wrap:nowrap;align-items:center;gap:.25rem;padding:.5rem .75rem;display:flex;position:relative}.capsule-nav-glow{z-index:-2;background:radial-gradient(ellipse at center, color-mix(in srgb, var(--color-accent) 15%, transparent) 0%, transparent 70%);filter:blur(20px);width:120%;height:200%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:is(.capsule-nav,.capsule-selector) .nav-indicator{pointer-events:none;z-index:0;-webkit-backdrop-filter:blur(20px)saturate(1.8);background-color:#4d4d4d1e;border-radius:100px;height:calc(100% - 12px);position:absolute;top:6px;left:0}.capsule-nav-item{z-index:1;color:var(--color-text-muted);cursor:pointer;border-radius:100px;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.capsule-nav-item span{transition:transform .5s;display:inline-block}.capsule-nav-item:hover,.capsule-nav-item.active{color:var(--color-text)}.capsule-nav-item.active span{transform:translateY(-1px)}.capsule-nav .capsule-nav-theme{z-index:1;width:36px;height:36px;color:var(--color-text-muted);margin-left:.25rem;position:relative}.capsule-nav .capsule-nav-theme:hover{color:var(--color-text)}[data-theme=light] :is(.capsule-nav,.capsule-selector) .nav-indicator{background:#0000000f}@media (max-width:560px){.capsule-nav{max-width:calc(100vw - 1rem)}.capsule-nav-inner{gap:.12rem;padding:.42rem .5rem}.capsule-nav-item{padding:.45rem .62rem;font-size:.74rem}.capsule-nav-theme{width:32px;height:32px;margin-left:.1rem}}
