:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--font-sans:"Anta", system-ui, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--radius:14px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--bg:#2d3144;--bg-elevated:#34324a;--bg-muted:#202331;--border:#2b2a3e;--header-bg:#202331e0;--shadow:0 20px 50px #00000073;--syntax-keyword:#c792ea;--syntax-function:#82aaff;--syntax-variable:#a6accd;--syntax-type:#ffcb6b;--syntax-string:#c3e88d;--syntax-number:#f78c6c;--syntax-constant:#89ddff;--syntax-operator:#89ddff;--syntax-comment:#676e95;--text:var(--syntax-variable);--text-muted:var(--syntax-comment);--accent:var(--syntax-keyword);--accent-2:var(--syntax-function);--accent-soft:color-mix(in srgb, var(--syntax-keyword) 22%, transparent);--accent-glow:color-mix(in srgb, var(--syntax-keyword) 48%, transparent);--selection-bg:color-mix(in srgb, var(--syntax-function) 38%, transparent);--selection-text:var(--syntax-variable);--text-prose:color-mix(in srgb, var(--syntax-variable) 68%, var(--syntax-comment) 32%);--text-prose-muted:color-mix(in srgb, var(--syntax-variable) 42%, var(--syntax-comment) 58%)}[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f9f5d7;--bg-elevated:#fbf1c7;--bg-muted:#ebdbb2;--border:#d5c4a1;--header-bg:#f9f5d7e6;--shadow:0 14px 44px #28282817;--syntax-keyword:#458588;--syntax-function:#076678;--syntax-variable:#282828;--syntax-type:#b16286;--syntax-string:#689d6a;--syntax-number:#d79921;--syntax-constant:#6c2f55;--syntax-operator:#6c2f55;--syntax-comment:#928374;--text:var(--syntax-variable);--text-muted:var(--syntax-comment);--accent:var(--syntax-keyword);--accent-2:var(--syntax-function);--accent-soft:color-mix(in srgb, var(--syntax-keyword) 18%, transparent);--accent-glow:color-mix(in srgb, var(--syntax-keyword) 36%, transparent);--selection-bg:#83a598;--selection-text:#282828;--text-prose:color-mix(in srgb, var(--syntax-variable) 72%, var(--syntax-comment) 28%);--text-prose-muted:color-mix(in srgb, var(--syntax-variable) 38%, var(--syntax-comment) 62%)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7.5rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}body{font-family:var(--font-sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:17px;line-height:1.55}#root{min-height:100svh}a{color:var(--syntax-function);text-decoration:none}a.btn{color:var(--text)}a.btn--primary{color:#fff}h1{color:var(--syntax-type)}h2{color:var(--syntax-keyword)}h3{color:var(--syntax-function)}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}::selection{background:var(--selection-bg);color:var(--selection-text)}.page{flex-direction:column;min-height:100svh;display:flex;position:relative;overflow-x:clip}.page:before,.page:after{content:"";filter:blur(90px);opacity:.22;pointer-events:none;z-index:0;width:min(70vw,520px);height:min(70vw,520px);transition:opacity .8s var(--ease-out);border-radius:50%;display:none;position:fixed}[data-theme=light] .page:before,[data-theme=light] .page:after{display:block}.page:before{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);top:-12%;right:-8%}.page:after{background:radial-gradient(circle, color-mix(in srgb, var(--accent) 55%, var(--accent-2)) 0%, transparent 70%);bottom:-10%;left:-12%}.site-header{z-index:100;transition:transform .55s var(--ease-out), opacity .45s ease, background .4s ease, box-shadow .4s ease, border-color .4s ease;justify-content:center;align-items:center;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0;overflow:visible;transform:translateY(0)}.site-header.is-hidden{opacity:.95;pointer-events:none;transform:translateY(-110%)}.site-header__inner{background:var(--header-bg);-webkit-backdrop-filter:blur(16px)saturate(1.2);border:1px solid color-mix(in srgb, var(--border) 70%, transparent);width:min(1100px,100%);min-width:0;box-shadow:var(--shadow);opacity:0;animation:header-bar-in .75s var(--ease-out) 60ms forwards;transition:margin-top .45s var(--ease-out), padding .45s var(--ease-out), border-radius .45s var(--ease-out), background .4s ease;border-radius:999px;grid-template-rows:auto;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:14px;padding:12px 20px;display:grid;overflow:visible}.site-header.at-top .site-header__inner{box-shadow:0 8px 32px color-mix(in srgb, var(--accent) 12%, transparent);margin-top:22px;padding-block:14px}.brand{z-index:0;font-family:var(--font-sans);letter-spacing:-.02em;isolation:isolate;min-width:0;max-width:100%;transition:transform .28s var(--ease-spring);grid-area:1/1;margin:-6px 0;padding:6px 10px;font-size:.95rem;font-weight:600;position:relative}.brand:before{content:"";z-index:-1;background:radial-gradient(ellipse 85% 75% at 50% 50%, color-mix(in srgb, var(--syntax-keyword) 42%, transparent), color-mix(in srgb, var(--syntax-function) 12%, transparent) 45%, transparent 72%);filter:blur(18px);opacity:0;pointer-events:none;backface-visibility:hidden;border-radius:50%;width:calc(100% + 2.5rem);height:calc(100% + 1.75rem);transition:opacity .35s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-theme=dark] .brand:before{filter:blur(20px);background:radial-gradient(ellipse 90% 80% at 50% 50%, color-mix(in srgb, var(--syntax-keyword) 55%, transparent), color-mix(in srgb, var(--syntax-function) 22%, transparent) 42%, transparent 78%);width:calc(100% + 3.5rem);height:calc(100% + 2.5rem)}@media (hover:hover){.brand:hover:before,.brand:focus-visible:before{opacity:1}.brand:hover,.brand:focus-visible{transform:translateY(-1px)}}@media (hover:none){.brand:active:before{opacity:1}.brand:active{transform:translateY(-1px)}}.brand:focus-visible{outline:2px solid color-mix(in srgb, var(--syntax-function) 55%, transparent);outline-offset:3px}.brand__var{color:var(--syntax-variable)}.brand__op{color:var(--syntax-operator)}.brand__fn{color:var(--syntax-keyword)}.nav{flex-wrap:wrap;grid-area:1/2;justify-content:center;justify-self:center;align-items:center;gap:6px 10px;width:max-content;min-width:0;max-width:100%;display:flex}.nav a{letter-spacing:.02em;color:var(--syntax-keyword);transition:color .35s ease, background .35s ease, transform .25s var(--ease-spring);border-radius:999px;flex-shrink:0;padding:8px 14px;font-size:.88rem;font-weight:500;position:relative}.nav a:after{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-2));width:0;height:2px;transition:width .35s var(--ease-out);border-radius:2px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}@media (hover:hover){.nav a:hover{color:var(--syntax-function);background:var(--accent-soft);transform:translateY(-1px)}.nav a:hover:after{width:40%}}@media (hover:none){.nav a:active{color:var(--syntax-function);background:var(--accent-soft);transform:translateY(-1px)}.nav a:active:after{width:40%}}.nav a.active{color:var(--syntax-string);background:var(--accent-soft)}.nav a.active:after{width:40%}.header-actions{grid-area:1/3;align-items:center;gap:6px;display:flex}.social{align-items:center;gap:4px;display:flex}.social a{width:40px;height:40px;color:var(--text-muted);transition:color .3s ease, background .3s ease, transform .3s var(--ease-spring);border-radius:12px;justify-content:center;align-items:center;display:flex}@media (hover:hover){.social a:hover{color:var(--syntax-function);background:var(--accent-soft);transform:scale(1.06)translateY(-2px)}}@media (hover:none){.social a:active{color:var(--syntax-function);background:var(--accent-soft);transform:scale(1.06)translateY(-2px)}}.social svg{width:20px;height:20px}.theme-toggle{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:var(--bg-elevated);width:44px;height:44px;color:var(--syntax-variable);transition:transform .35s var(--ease-spring), border-color .35s ease, box-shadow .35s ease;border-radius:14px;justify-content:center;align-items:center;margin-left:4px;display:flex}@media (hover:hover){.theme-toggle:hover{border-color:var(--syntax-function);box-shadow:0 0 0 3px var(--accent-soft);color:var(--syntax-function);transform:rotate(12deg)scale(1.05)}}@media (hover:none){.theme-toggle:active{border-color:var(--syntax-function);box-shadow:0 0 0 3px var(--accent-soft);color:var(--syntax-function);transform:rotate(12deg)scale(1.05)}}.theme-toggle:focus-visible{outline:2px solid color-mix(in srgb, var(--syntax-function) 55%, transparent);outline-offset:2px}.theme-toggle svg{width:22px;height:22px}.hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:120px 24px 80px;display:flex;position:relative}.hero__eyebrow{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.2em;color:var(--syntax-number);opacity:0;animation:fade-up .9s var(--ease-out) 50ms forwards;margin-bottom:16px;font-size:.8rem}.hero h1{letter-spacing:-.04em;opacity:0;animation:fade-up .95s var(--ease-out) .15s forwards;margin:0 0 16px;font-size:clamp(2.4rem,6vw,3.8rem);font-weight:650;line-height:1.08}.hero__subtitle{max-width:520px;color:var(--text-prose);opacity:0;animation:fade-up 1s var(--ease-out) .28s forwards;margin:0 auto 36px;font-size:1.1rem}.hero__cta{opacity:0;animation:fade-up 1.05s var(--ease-out) .4s forwards;flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.btn{border:1px solid color-mix(in srgb, var(--border) 90%, transparent);background:var(--bg-elevated);color:var(--syntax-variable);transition:transform .35s var(--ease-spring), box-shadow .35s ease, border-color .35s ease, background .35s ease;border-radius:999px;align-items:center;gap:8px;padding:14px 24px;font-size:.92rem;font-weight:600;display:inline-flex}.btn--primary{background:linear-gradient(135deg, color-mix(in srgb, var(--syntax-keyword) 88%, #000), var(--syntax-function));color:#fff;box-shadow:0 8px 28px var(--accent-glow);border-color:#0000}[data-theme=dark] .btn--primary{background:linear-gradient(135deg, color-mix(in srgb, var(--syntax-keyword) 42%, #12141f), color-mix(in srgb, var(--syntax-function) 35%, #141a28));color:#d6dae8;box-shadow:0 6px 22px color-mix(in srgb, var(--syntax-keyword) 20%, transparent)}[data-theme=dark] a.btn--primary{color:#d6dae8}[data-theme=dark] .btn--primary:hover,[data-theme=dark] .btn--primary:focus-visible{box-shadow:0 14px 42px color-mix(in srgb, var(--syntax-keyword) 45%, transparent), 0 6px 28px color-mix(in srgb, var(--syntax-function) 28%, transparent), 0 0 36px color-mix(in srgb, var(--syntax-keyword) 22%, transparent)}[data-theme=light] .btn--primary{box-shadow:0 8px 26px color-mix(in srgb, var(--syntax-keyword) 32%, transparent), 0 4px 14px color-mix(in srgb, var(--syntax-function) 18%, transparent)}[data-theme=light] .btn--primary:hover,[data-theme=light] .btn--primary:focus-visible{box-shadow:0 16px 44px color-mix(in srgb, var(--syntax-keyword) 34%, transparent), 0 8px 28px color-mix(in srgb, var(--syntax-function) 26%, transparent), 0 0 40px color-mix(in srgb, var(--syntax-keyword) 22%, transparent)}.btn:hover{box-shadow:0 12px 32px color-mix(in srgb, var(--accent) 25%, transparent);transform:translateY(-3px)}.btn--ghost:hover{border-color:var(--syntax-keyword);color:var(--syntax-keyword)}.hero__cta .btn--ghost{background:linear-gradient(135deg, var(--syntax-function), color-mix(in srgb, var(--syntax-keyword) 88%, #000));color:#fff;box-shadow:0 8px 28px var(--accent-glow);border-color:#0000}[data-theme=dark] .hero__cta .btn--ghost{background:linear-gradient(135deg, color-mix(in srgb, var(--syntax-function) 35%, #141a28), color-mix(in srgb, var(--syntax-keyword) 42%, #12141f));color:#d6dae8;box-shadow:0 6px 22px color-mix(in srgb, var(--syntax-keyword) 20%, transparent)}[data-theme=dark] .hero__cta a.btn--ghost{color:#d6dae8}[data-theme=dark] .hero__cta .btn--ghost:hover,[data-theme=dark] .hero__cta .btn--ghost:focus-visible{box-shadow:0 14px 42px color-mix(in srgb, var(--syntax-keyword) 45%, transparent), 0 6px 28px color-mix(in srgb, var(--syntax-function) 28%, transparent), 0 0 36px color-mix(in srgb, var(--syntax-keyword) 22%, transparent)}[data-theme=light] .hero__cta .btn--ghost{box-shadow:0 8px 26px color-mix(in srgb, var(--syntax-keyword) 32%, transparent), 0 4px 14px color-mix(in srgb, var(--syntax-function) 18%, transparent)}[data-theme=light] .hero__cta .btn--ghost:hover,[data-theme=light] .hero__cta .btn--ghost:focus-visible{box-shadow:0 16px 44px color-mix(in srgb, var(--syntax-keyword) 34%, transparent), 0 8px 28px color-mix(in srgb, var(--syntax-function) 26%, transparent), 0 0 40px color-mix(in srgb, var(--syntax-keyword) 22%, transparent)}.hero__cta .btn--ghost:hover,.hero__cta .btn--ghost:focus-visible{color:#fff;border-color:#0000}[data-theme=dark] .hero__cta .btn--ghost:hover,[data-theme=dark] .hero__cta .btn--ghost:focus-visible{color:#d6dae8}.hero__scroll{font-family:var(--font-sans);letter-spacing:.15em;text-transform:uppercase;color:var(--syntax-comment);opacity:0;flex-direction:column;align-items:center;gap:8px;font-size:.7rem;animation:1.2s 1s forwards fade-in;display:flex;position:absolute;bottom:36px;left:50%;translate:-50%}.hero__scroll-mouse{border:2px solid color-mix(in srgb, var(--text-muted) 50%, transparent);border-radius:12px;width:22px;height:34px;position:relative}.hero__scroll-mouse:after{content:"";background:var(--syntax-number);border-radius:2px;width:4px;height:8px;margin-left:-2px;animation:1.8s ease-in-out infinite scroll-dot;position:absolute;top:8px;left:50%}main{z-index:1;position:relative}.page-main{z-index:1;flex:1;position:relative}.section{max-width:800px;margin:0 auto;padding:120px 24px 88px}.section__title{font-size:.78rem;font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.18em;color:var(--syntax-number);margin:0 0 12px;scroll-margin-top:7rem}.section h2{letter-spacing:-.02em;margin:0 0 28px;scroll-margin-top:7rem;font-size:clamp(1.6rem,3vw,2rem);font-weight:650}.card{border-radius:var(--radius);background:var(--bg-elevated);border:1px solid color-mix(in srgb, var(--border) 65%, transparent);box-shadow:0 4px 24px color-mix(in srgb, var(--bg-muted) 40%, transparent);transition:transform .45s var(--ease-out), border-color .45s ease, box-shadow .45s ease;margin-bottom:16px;padding:24px 26px}.card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));box-shadow:0 16px 40px color-mix(in srgb, var(--accent) 12%, transparent);transform:translateY(-4px)}.card__head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:6px;display:flex}.card__head h3{min-width:0;margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.card__github{width:40px;height:40px;color:var(--text-muted);transition:color .3s ease, background .3s ease, transform .3s var(--ease-spring);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-4px;display:flex}.card__github:hover{color:var(--syntax-function);background:var(--accent-soft);transform:scale(1.06)translateY(-2px)}.card__github:focus-visible{outline:2px solid color-mix(in srgb, var(--syntax-function) 65%, transparent);outline-offset:2px}.card__github svg{width:20px;height:20px}.card h3{margin:0 0 6px;font-size:1.1rem;font-weight:600}.card .meta{font-family:var(--font-sans);color:var(--text-prose-muted);margin-bottom:12px;font-size:.8rem}.card p{color:var(--text-prose);margin:0;font-size:.96rem}.card p.card-description{white-space:pre-line}.card--media{--card-media-intrinsic:200px;--card-media-scale:.5;grid-template-columns:max-content minmax(0,1fr);align-items:start;gap:1.25rem 1.35rem;display:grid}.card__media{width:calc(var(--card-media-intrinsic) * var(--card-media-scale));height:calc(var(--card-media-intrinsic) * var(--card-media-scale));object-fit:contain;object-position:center;border-radius:calc(var(--radius) - 6px);border:1px solid color-mix(in srgb, var(--border) 48%, var(--syntax-function) 32%);background:linear-gradient(155deg, color-mix(in srgb, var(--bg-muted) 78%, var(--bg-elevated) 22%), color-mix(in srgb, var(--bg-muted) 90%, var(--syntax-keyword) 10%));box-shadow:inset 0 1px 0 color-mix(in srgb, var(--text) 7%, transparent), 0 0 0 1px color-mix(in srgb, var(--syntax-function) 22%, transparent), 0 5px 18px color-mix(in srgb, var(--syntax-keyword) 14%, transparent);display:block}.card__body{min-width:0}@media (width<=520px){.card--media{grid-template-columns:1fr;justify-items:start}}.skills__intro{max-width:36rem;color:var(--text-prose);margin:0 0 28px;font-size:.95rem;line-height:1.55}.skills-groups{flex-direction:column;gap:2rem;display:flex}.skills-group{margin:0}.skills-group__title{letter-spacing:.02em;color:var(--syntax-function);margin:0 0 .85rem;font-size:1.05rem;font-weight:600}.skill-grid{grid-template-columns:repeat(auto-fill,minmax(4.75rem,1fr));gap:1.35rem 1.75rem;max-width:100%;margin:0;padding:0;list-style:none;display:grid}.skill-item{z-index:0;flex-direction:column;align-items:center;padding-bottom:1.35rem;display:flex;position:relative}.skill-item:hover,.skill-item:focus-within{z-index:2}.skill-item__surface{aspect-ratio:1;background:color-mix(in srgb, var(--bg-muted) 55%, transparent);border:1px solid var(--border);border-radius:calc(var(--radius) - 4px);width:100%;max-width:4.25rem;box-shadow:0 1px 0 color-mix(in srgb, var(--text) 6%, transparent);transition:transform .38s var(--ease-spring), box-shadow .38s var(--ease-out), background .32s ease, border-color .32s ease;cursor:default;justify-content:center;align-items:center;padding:.7rem;display:flex}.skill-item:hover .skill-item__surface,.skill-item:focus-within .skill-item__surface{background:var(--bg-elevated);border-color:color-mix(in srgb, var(--syntax-function) 42%, var(--border));box-shadow:var(--shadow), 0 0 0 1px color-mix(in srgb, var(--syntax-function) 18%, transparent), 0 18px 36px color-mix(in srgb, var(--syntax-keyword) 14%, transparent);transform:translateY(-6px)scale(1.06)rotate(-1.5deg)}.skill-item__surface:focus-visible{outline:2px solid color-mix(in srgb, var(--syntax-function) 65%, transparent);outline-offset:4px;border-radius:calc(var(--radius) - 4px)}.skill-item__label{text-align:center;width:max-content;max-width:min(7.5rem,22vw);color:var(--syntax-variable);opacity:0;visibility:hidden;transition:opacity .28s var(--ease-out), transform .28s var(--ease-out), visibility .28s;margin:0;padding:0 2px;font-size:.72rem;line-height:1.25;position:absolute;bottom:0;left:50%;transform:translate(-50%)translateY(4px)}.skill-item:hover .skill-item__label,.skill-item:focus-within .skill-item__label{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.skill-icon__svg{width:100%;height:auto;max-height:3.5rem;display:block}[data-theme=dark] .skill-item--invert-dark .skill-icon__svg path{fill:#c5c9dc}[data-theme=light] .skill-item--invert-light .skill-icon__svg path{fill:#3c3836}.section-block .skill-grid li{opacity:0;transition:opacity .5s var(--ease-out), transform .5s var(--ease-out);transform:translateY(10px)}.section-block.is-visible .skill-grid li{opacity:1;transform:translateY(0)}.section-block.is-visible .skill-grid li:first-child{transition-delay:30ms}.section-block.is-visible .skill-grid li:nth-child(2){transition-delay:60ms}.section-block.is-visible .skill-grid li:nth-child(3){transition-delay:90ms}.section-block.is-visible .skill-grid li:nth-child(4){transition-delay:.12s}.section-block.is-visible .skill-grid li:nth-child(5){transition-delay:.15s}.section-block.is-visible .skill-grid li:nth-child(6){transition-delay:.18s}.section-block.is-visible .skill-grid li:nth-child(7){transition-delay:.21s}.section-block.is-visible .skill-grid li:nth-child(8){transition-delay:.24s}.section-block.is-visible .skill-grid li:nth-child(9){transition-delay:.27s}.section-block.is-visible .skill-grid li:nth-child(10){transition-delay:.3s}.section-block.is-visible .skill-grid li:nth-child(11){transition-delay:.33s}.section-block.is-visible .skill-grid li:nth-child(12){transition-delay:.36s}.section-block.is-visible .skill-grid li:nth-child(13){transition-delay:.39s}.section-block{opacity:0;transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);transform:translateY(28px)}.section-block.is-visible{opacity:1;transform:translateY(0)}.section-block .card{opacity:0;transition:opacity .55s var(--ease-out), transform .55s var(--ease-out), border-color .45s ease, box-shadow .45s ease;transform:translateY(16px)}.section-block.is-visible .card{opacity:1;transform:translateY(0)}.section-block.is-visible .card:first-child{transition-delay:60ms}.section-block.is-visible .card:nth-child(2){transition-delay:.12s}.section-block.is-visible .card:nth-child(3){transition-delay:.18s}.section-block.is-visible .card:nth-child(4){transition-delay:.24s}.site-footer{text-align:center;font-family:var(--font-sans);letter-spacing:.08em;color:var(--syntax-comment);padding:48px 24px 64px;font-size:.75rem}@keyframes header-bar-in{0%{opacity:0;transform:translateY(-14px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scroll-dot{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.4;transform:translateY(10px)}}@media (width<=860px){html{scroll-padding-top:max(clamp(13.5rem, 9rem + 11vw, 16rem), calc(env(safe-area-inset-top,0px) + 11.5rem))}.site-header__inner{border-radius:22px;grid-template-rows:auto auto auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:10px 0;margin-top:10px;padding:12px 14px}.site-header.at-top .site-header__inner{margin-top:14px;padding-block:12px}.brand{text-align:center;grid-area:1/1;justify-self:center;font-size:.88rem}.header-actions{flex-wrap:wrap;grid-area:2/1;justify-content:center;justify-self:center;max-width:100%}.nav{border-top:1px solid color-mix(in srgb, var(--border) 50%, transparent);flex-wrap:wrap;grid-area:3/1;justify-content:center;justify-self:stretch;gap:6px;width:100%;max-width:100%;padding-top:10px;overflow:visible}.nav a{letter-spacing:.01em;padding:6px 8px;font-size:.75rem}.section,.hero{padding-top:max(clamp(14rem, 10rem + 10vw, 18rem), calc(env(safe-area-inset-top,0px) + 12.25rem))}.section h2,.section__title{scroll-margin-top:max(clamp(12.5rem, 9rem + 9vw, 15.5rem), calc(env(safe-area-inset-top,0px) + 10.75rem))}}