:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-default);min-width:320px;color:var(--fg-1);font-family:var(--font-body);font-size:var(--text-body-base);font-weight:var(--weight-light);line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;margin:0}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--vs-orange);outline-offset:3px}.skip-link{z-index:100;border-radius:var(--radius-pill);background:var(--brand-white);color:var(--brand-black);padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-header{z-index:50;color:var(--brand-white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#11203df0;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:28px;width:min(100% - 40px,1440px);min-height:72px;margin:0 auto;display:flex}.site-brand{color:var(--brand-white);flex-shrink:0;align-items:center;gap:13px;text-decoration:none;display:inline-flex}.site-brand:hover{color:var(--brand-white);text-decoration:none}.site-brand img{width:40px;height:40px}.site-brand__text{gap:1px;display:grid}.site-brand__name{font-size:.84rem;font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide)}.site-brand__sub{color:#ffffff8c;letter-spacing:var(--tracking-widest);text-transform:uppercase;font-size:.66rem}.site-nav{align-items:center;gap:4px;display:flex}.site-nav a{border-radius:var(--radius-pill);color:#ffffffad;font-size:.86rem;font-weight:var(--weight-medium);padding:10px 14px;transition:color .16s,background .16s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--vs-orange);background:#fab2211f}.nav-toggle{width:44px;height:44px;color:var(--brand-white);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:50%;display:none}.container{width:min(100% - 40px,1280px);margin:0 auto}.hero{background:radial-gradient(circle at 82% 15%, #fab22138, transparent 28%), linear-gradient(145deg, var(--vs-navy) 0%, var(--vs-dark-blue) 80%);color:var(--brand-white);padding:clamp(88px,12vw,168px) 0 clamp(80px,10vw,132px);position:relative;overflow:hidden}.hero:after{content:"";pointer-events:none;border:1px solid #fab2212e;border-radius:50%;width:58vw;height:58vw;position:absolute;bottom:-28vw;right:-12vw;box-shadow:0 0 0 8vw #fab22106,0 0 0 16vw #fab22105}.hero__content{z-index:1;max-width:900px;position:relative}.eyebrow{color:var(--vs-orange);font-size:var(--text-body-2xs);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-widest);text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;display:flex}.eyebrow:before{content:"";background:currentColor;width:32px;height:2px}.hero h1{max-width:12ch;font-size:clamp(3rem,8vw,6.7rem);font-weight:var(--weight-extra-light);letter-spacing:var(--tracking-tighter);margin:0;line-height:.94}.hero__lede{color:#ffffffb8;max-width:62ch;margin:32px 0 0;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.65}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.button{border-radius:var(--radius-pill);min-height:48px;font-size:.94rem;font-weight:var(--weight-semibold);border:1px solid #0000;justify-content:center;align-items:center;gap:10px;padding:12px 24px;transition:transform .18s,box-shadow .18s,background .18s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button--primary{border-color:var(--vs-orange-dark);background:var(--vs-orange);color:var(--brand-black);box-shadow:var(--shadow-button)}.button--secondary{color:var(--brand-white);background:#ffffff0a;border-color:#ffffff57}.section{padding:clamp(72px,9vw,120px) 0}.section--alt{background:var(--bg-alt)}.section-heading{grid-template-columns:minmax(240px,.8fr) minmax(300px,1fr);align-items:end;gap:48px;margin-bottom:44px;display:grid}.section-heading h2{color:var(--vs-navy);font-size:clamp(2.1rem,5vw,3.7rem);font-weight:var(--weight-extra-light);letter-spacing:var(--tracking-tighter);margin:0;line-height:1}.section-heading p{max-width:62ch;color:var(--fg-2);margin:0;line-height:1.7}.feature-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.feature-card{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--gradient-surface-1);min-height:280px;box-shadow:var(--shadow-sm);flex-direction:column;padding:32px;transition:transform .2s,box-shadow .2s;display:flex}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.feature-card__index{color:var(--vs-orange-700);font-family:var(--font-decorative);margin-bottom:auto;font-size:2.4rem}.feature-card h3{color:var(--vs-navy);font-size:var(--text-heading-2xs);font-weight:var(--weight-medium);margin:24px 0 10px}.feature-card p{color:var(--fg-2);font-size:var(--text-body-sm);margin:0;line-height:1.6}.feature-card__link{color:var(--vs-orange-700);font-size:var(--text-body-sm);font-weight:var(--weight-semibold);margin-top:24px}.stats-band{background:var(--vs-navy);color:var(--brand-white)}.stats{grid-template-columns:repeat(4,1fr);display:grid}.stat{border-right:1px solid #ffffff1a;padding:36px 24px}.stat:first-child{padding-left:0}.stat:last-child{border:0}.stat__value{color:var(--vs-orange);font-family:var(--font-decorative);font-size:clamp(2rem,4vw,3.3rem);line-height:1}.stat__label{color:#ffffff94;letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-top:8px;font-size:.8rem}.site-footer{background:var(--vs-dark-blue);color:#ffffff85;padding:44px 0}.site-footer__inner{justify-content:space-between;align-items:center;gap:24px;font-size:.8rem;display:flex}.site-footer__links{flex-wrap:wrap;gap:20px;display:flex}.site-footer a:hover{color:var(--vs-orange)}.gallery-hero{background:var(--bg-alt);padding:72px 0 48px}.gallery-hero h1{max-width:13ch;color:var(--vs-navy);font-size:clamp(2.7rem,7vw,5.4rem);font-weight:var(--weight-extra-light);letter-spacing:var(--tracking-tighter);margin:0;line-height:.98}.gallery-hero p{max-width:64ch;color:var(--fg-2);margin:24px 0 0;line-height:1.7}.gallery-tools{z-index:40;border-block:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;position:sticky;top:72px}.gallery-tools__inner{align-items:center;gap:16px;min-height:76px;display:flex}.search{flex:1;max-width:460px;position:relative}.search input{border:1px solid var(--border-default);border-radius:var(--radius-pill);background:var(--brand-white);width:100%;min-height:44px;color:var(--fg-1);padding:9px 16px 9px 42px}.search:before{content:"";border:1.5px solid var(--fg-2);border-radius:50%;width:13px;height:13px;position:absolute;top:50%;left:17px;transform:translateY(-58%)}.search:after{content:"";background:var(--fg-2);width:6px;height:1.5px;position:absolute;top:54%;left:29px;transform:rotate(45deg)}.filter-list{scrollbar-width:none;gap:6px;display:flex;overflow-x:auto}.filter-list::-webkit-scrollbar{display:none}.filter{border:1px solid var(--border-subtle);border-radius:var(--radius-pill);background:var(--brand-white);color:var(--fg-2);font-size:.78rem;font-weight:var(--weight-medium);cursor:pointer;flex-shrink:0;padding:8px 14px}.filter:hover,.filter.is-active{border-color:var(--vs-navy);background:var(--vs-navy);color:var(--brand-white)}.gallery{min-height:50vh;padding:52px 0 100px}.gallery-group{margin-bottom:72px;scroll-margin-top:168px}.gallery-group__head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:end;gap:24px;margin-bottom:22px;padding-bottom:14px;display:flex}.gallery-group__head h2{color:var(--vs-navy);font-size:clamp(1.55rem,3vw,2.15rem);font-weight:var(--weight-extra-light);letter-spacing:var(--tracking-tight);margin:0}.gallery-group__count{color:var(--fg-2);letter-spacing:var(--tracking-wide);text-transform:uppercase;font-size:.75rem}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.preview-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--brand-white);box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s;overflow:hidden}.preview-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.preview-card__viewport{border-bottom:1px solid var(--border-subtle);background-color:#0000;background-image:linear-gradient(45deg,#11203d09 25%,#0000 25%),linear-gradient(-45deg,#11203d09 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#11203d09 75%),linear-gradient(-45deg,#0000 75%,#11203d09 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-repeat:repeat,repeat,repeat,repeat;background-size:16px 16px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;height:310px;position:relative;overflow:hidden}.preview-card iframe{pointer-events:none;background:#fff;border:0;width:100%;height:100%}.preview-card__body{justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.preview-card h3{color:var(--vs-navy);font-size:1rem;font-weight:var(--weight-medium);margin:0 0 4px}.preview-card p{color:var(--fg-2);margin:0;font-size:.78rem;line-height:1.4}.preview-card__filename{max-width:46ch;color:var(--vs-orange-700);text-overflow:ellipsis;white-space:nowrap;margin-top:8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.68rem;line-height:1.4;display:block;overflow:hidden}.preview-card__actions{flex-shrink:0;gap:8px;display:flex}.icon-button{border:1px solid var(--border-subtle);background:var(--bg-default);width:38px;height:38px;color:var(--vs-navy);cursor:pointer;border-radius:50%;place-items:center;display:inline-grid}.icon-button:hover{border-color:var(--vs-orange);background:var(--vs-orange)}.empty-state,.error-state{border:1px dashed var(--border-default);border-radius:var(--radius-lg);text-align:center;color:var(--fg-2);padding:72px 24px}.preview-dialog{border-radius:var(--radius-lg);background:var(--brand-white);border:0;width:min(96vw,1440px);height:min(92vh,1000px);padding:0;box-shadow:0 24px 80px #060e1f57}.preview-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#060e1fd1}.preview-dialog__bar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:20px;height:60px;padding:0 16px 0 24px;display:flex}.preview-dialog__title{color:var(--vs-navy);font-size:.9rem;font-weight:var(--weight-medium);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview-dialog iframe{background:var(--brand-white);border:0;width:100%;height:calc(100% - 60px)}@media (width<=980px){.nav-toggle{place-items:center;display:inline-grid}.site-nav{border-radius:var(--radius-md);background:var(--vs-navy);box-shadow:var(--shadow-lg);border:1px solid #ffffff1f;padding:12px;display:none;position:absolute;top:72px;left:20px;right:20px}.site-nav.is-open{display:grid}.section-heading{grid-template-columns:1fr;gap:18px}.feature-grid{grid-template-columns:repeat(2,1fr)}.gallery-tools__inner{flex-wrap:wrap;padding:12px 0}.search{flex-basis:100%;max-width:none}.filter-list{width:100%}}@media (width<=700px){.site-header__inner,.container{width:min(100% - 28px,1280px)}.hero{padding-top:76px}.hero h1{font-size:clamp(2.75rem,15vw,4.5rem)}.feature-grid,.gallery-grid,.stats{grid-template-columns:1fr}.feature-card{min-height:240px}.stat{border-bottom:1px solid #ffffff1a;border-right:0;padding:24px 0}.preview-card__viewport{height:250px}.preview-card__body{align-items:flex-start}.site-footer__inner{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}#root{min-height:100vh}.site-nav a.is-active{color:var(--vs-orange);background:#fab2211f}.button--light,.button--compact{border-color:var(--border-default);background:var(--brand-white);color:var(--vs-navy)}.button--compact{min-height:38px;padding:7px 16px}.not-found{min-height:70vh;padding-block:clamp(80px,12vw,160px)}.standalone-doc-page{min-height:75vh}.not-found h1{max-width:14ch;color:var(--vs-navy);font-size:clamp(2.5rem,7vw,5rem);font-weight:var(--weight-extra-light);letter-spacing:var(--tracking-tighter);margin:0 0 36px;line-height:1}.admin-page{background:var(--bg-alt)}.admin-page__head{justify-content:space-between;align-items:center;gap:32px;min-height:180px;padding-block:40px;display:flex}.admin-page__head h1{color:var(--vs-navy);font-size:clamp(2rem,5vw,3.4rem);font-weight:var(--weight-extra-light);letter-spacing:var(--tracking-tighter);margin:0 0 8px}.admin-page__head p:not(.eyebrow){max-width:62ch;color:var(--fg-2);margin:0}.admin-page__frame{border:0;border-top:1px solid var(--border-subtle);background:var(--brand-white);width:100%;height:calc(100vh - 72px);display:block}@media (width<=700px){.admin-page__head{flex-direction:column;align-items:flex-start}}.docs-shell{min-height:75vh}.docs-nav{z-index:30;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;position:sticky;top:72px}.docs-nav__inner{scrollbar-width:none;align-items:center;gap:6px;min-height:56px;display:flex;overflow-x:auto}.docs-nav__inner::-webkit-scrollbar{display:none}.docs-nav a{border-radius:var(--radius-pill);color:var(--fg-2);font-size:var(--text-body-xs);font-weight:var(--weight-medium);flex-shrink:0;padding:8px 13px;text-decoration:none}.docs-nav a:hover,.docs-nav a.is-active{background:var(--vs-navy);color:var(--brand-white)}.docs-content{padding-block:clamp(48px,7vw,88px) clamp(80px,10vw,128px)}.docs-article{width:min(100%,900px);color:var(--fg-1)}.docs-article--wide{width:100%}.docs-article--wide>:not(.docs-template-grid):not(.preview-dialog){max-width:900px}.docs-article h1,.docs-article h2,.docs-article h3{font-family:var(--font-heading);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tighter)}.docs-article h1{color:var(--vs-navy);margin:0 0 24px;font-size:clamp(2rem,4vw,3rem);line-height:1.1}.docs-article h2{color:var(--vs-navy);margin:64px 0 20px;font-size:clamp(1.5rem,3vw,2.2rem)}.docs-article h3{font-size:var(--text-heading-3xs);margin:24px 0 12px}.docs-article p{margin:0 0 16px;line-height:1.7}.docs-article a{color:var(--vs-orange-extra-dark)}.docs-article a:hover{text-decoration:underline}.docs-article ul,.docs-article ol{margin:16px 0;padding-left:24px}.docs-article li{margin-bottom:8px}.docs-article code{border-radius:var(--radius-sm);background:var(--bg-alt);padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.9em}.docs-article pre{border-radius:var(--radius-md);background:var(--bg-alt);margin:16px 0;padding:16px;line-height:1.6;overflow-x:auto}.docs-article pre code{background:0 0;padding:0}.docs-lede{max-width:70ch;color:var(--fg-2);font-size:var(--text-body-lg)}.docs-step,.docs-guideline{border-radius:var(--radius-md);background:var(--gradient-surface-1);margin:32px 0;padding:24px}.docs-step{border-left:4px solid var(--vs-orange)}.docs-step h3,.docs-guideline h3,.docs-template-card h3{margin-top:0}.docs-component-group{margin:48px 0}.docs-component-group>h2{color:var(--vs-navy);font-size:var(--text-heading-2xs);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin:0 0 16px}.docs-card-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.docs-component-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--gradient-surface-1);padding:20px}.docs-component-card h3{font-size:var(--text-body-base);font-weight:var(--weight-medium);margin:0 0 8px}.docs-component-card p{color:var(--fg-2);font-size:var(--text-body-sm);margin:0}.docs-color-group{margin:40px 0}.docs-color-item{border-radius:var(--radius-md);background:var(--gradient-surface-1);margin-bottom:24px;padding:20px}.docs-swatch{border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:80px;height:80px;margin-bottom:12px;display:block}.docs-swatch--orange{background:var(--vs-orange)}.docs-swatch--navy{background:var(--vs-navy)}.docs-swatch--ink{background:var(--fg-1)}.docs-swatch--surface{background:var(--bg-alt)}.docs-token-name{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:var(--text-body-sm);font-weight:var(--weight-medium);margin:8px 0 4px!important}.docs-table-wrap{max-width:100%;overflow-x:auto}.docs-article table{border-collapse:collapse;width:100%;margin:20px 0}.docs-article th,.docs-article td{border-bottom:1px solid var(--border-subtle);text-align:left;padding:12px}.docs-article th{background:var(--bg-alt);font-weight:var(--weight-medium)}.docs-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:24px 0 48px;display:grid}.docs-template-card{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--gradient-surface-1);min-width:0;overflow:hidden}.docs-template-card__preview{aspect-ratio:16/10;border-bottom:1px solid var(--border-subtle);background:var(--bg-alt);overflow:hidden}.docs-template-card__preview iframe{pointer-events:none;border:0;width:100%;height:100%;display:block}.docs-template-card__body{padding:24px}.docs-template-card__body>p{color:var(--fg-2)}.docs-template-card__details{font-size:var(--text-body-sm)}.docs-template-card__actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.docs-template-card__link{border:1px solid var(--vs-orange-dark);border-radius:var(--radius-pill);background:var(--vs-orange);cursor:pointer;min-height:42px;font-family:inherit;font-size:var(--text-body-sm);font-weight:var(--weight-semibold);justify-content:center;align-items:center;margin-top:8px;padding:9px 16px;transition:box-shadow .16s,transform .16s;display:inline-flex;color:var(--brand-black)!important}.docs-template-card__link--secondary{border-color:var(--border-default);background:var(--brand-white)}.docs-template-card__link:hover{box-shadow:var(--shadow-button);transform:translateY(-1px);text-decoration:none!important}.docs-status{border:1px dashed var(--border-default);border-radius:var(--radius-md);color:var(--fg-2);padding:20px}.docs-status--error{border-color:var(--color-error);color:var(--color-error)}.docs-do-dont{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:20px 0;display:grid}.docs-checklist{border-radius:var(--radius-md);border:1px solid;padding:20px}.docs-checklist ul{margin-bottom:0}.docs-checklist--do{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 10%, transparent)}.docs-checklist--dont{border-color:var(--color-error);background:color-mix(in srgb, var(--color-error) 10%, transparent)}@media (width<=800px){.docs-template-grid{grid-template-columns:1fr}}@media (width<=700px){.docs-article h2{margin-top:48px}.docs-step,.docs-guideline,.docs-template-card__body{padding:20px}.docs-do-dont{grid-template-columns:1fr}}