@font-face { font-family:Geist; src:url("./vendor/fonts/geist-latin-wght-normal.woff2") format("woff2"); font-style:normal; font-weight:100 900; font-display:swap; }
@font-face { font-family:Manrope; src:url("./vendor/fonts/manrope-latin-wght-normal.woff2") format("woff2"); font-style:normal; font-weight:200 800; font-display:swap; }
html.mist-ui { --mist-ink:#20221f; --mist-muted:#70736d; --mist-panel:#fafbf8; --mist-canvas:#f2f3ef; --mist-line:#23272020; --mist-red:#ad4b3d; font-family:Geist,Inter,"Segoe UI","Microsoft YaHei",sans-serif; }
html.mist-ui body { font-family:inherit; }
html.mist-ui :is(button,a,input):focus-visible { outline:2px solid var(--mist-red); outline-offset:4px; }
html.mist-ui .v-field input:focus-visible { outline:none; }
html.mist-ui .v-field:focus-within { outline:2px solid var(--mist-red); outline-offset:2px; }
html.mist-intro-open,html.mist-intro-open body { overflow:hidden !important; }
.mist-intro { position:fixed; inset:0; z-index:10000; color:var(--mist-ink); background:var(--mist-canvas); overflow-y:auto; overflow-x:hidden; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#a8aaa3 transparent; font-family:Geist,Inter,"Segoe UI","Microsoft YaHei",sans-serif; }
.mist-entry { position:fixed; inset:0; z-index:50; overflow:hidden; contain:strict; color:#ffffff38; background:transparent; pointer-events:all; animation:mist-entry-surface 3.55s linear both; transition:opacity .24s,visibility .24s; }
.mist-entry::before { position:absolute; inset:0; z-index:-1; content:""; background:#070807; animation:mist-entry-black-out 3.55s cubic-bezier(.65,0,.35,1) both; }
.mist-entry.is-finished { opacity:0; visibility:hidden; pointer-events:none; }
.mist-entry-mark { position:absolute; top:50%; left:50%; z-index:4; display:grid; justify-items:center; gap:13px; transform:translate(-50%,-50%); color:#f5f6f2; animation:mist-entry-mark 1.85s cubic-bezier(.4,0,.2,1) both; }
.mist-entry-mark span { font-size:clamp(26px,3vw,42px); font-weight:720; line-height:1; letter-spacing:-.065em; }
.mist-entry-mark b { color:var(--mist-red); font-weight:inherit; }
.mist-entry-mark > i { display:block; width:36px; height:1px; background:var(--mist-red); transform-origin:left; animation:mist-entry-mark-rule 1.1s .18s cubic-bezier(.16,1,.3,1) both; }
.mist-entry-grid { position:absolute; inset:0; animation:mist-entry-grid-tone 3.55s linear both; }
.mist-entry-grid-x,.mist-entry-grid-y { position:absolute; inset:0; display:grid; }
.mist-entry-grid-x { grid-template-columns:repeat(49,1fr); }
.mist-entry-grid-y { grid-template-rows:repeat(28,1fr); }
.mist-entry-grid i { display:block; background:currentColor; }
.mist-entry-grid-x i { width:1px; height:100%; transform:scaleY(0); transform-origin:top; animation:mist-entry-line-y 1s calc(.34s + var(--line) * 4.5ms) cubic-bezier(.16,1,.3,1) both; }
.mist-entry-grid-x i:nth-child(even) { transform-origin:bottom; }
.mist-entry-grid-y i { width:100%; height:1px; transform:scaleX(0); transform-origin:left; animation:mist-entry-line-x 1s calc(.4s + var(--line) * 6ms) cubic-bezier(.16,1,.3,1) both; }
.mist-entry-grid-y i:nth-child(even) { transform-origin:right; }
.mist-entry-blueprint { position:absolute; inset:0; z-index:2; color:#ffffffad; animation:mist-entry-blueprint-tone 3.55s linear both; }
.mist-entry-header-frame { position:absolute; top:0; left:38px; right:38px; height:65px; border:1px solid currentColor; clip-path:inset(0 100% 0 0); animation:mist-entry-frame-draw .92s 1.42s cubic-bezier(.16,1,.3,1) both; }
.mist-entry-header-frame > i { position:absolute; top:50%; height:18px; border:1px solid currentColor; transform:translateY(-50%); }
.mist-entry-brand-frame { left:20px; width:62px; }
.mist-entry-nav-frame { left:50%; width:180px; margin-left:-90px; }
.mist-entry-tool-frame { right:20px; width:78px; }
.mist-entry-hero-frame { position:absolute; top:65px; right:38px; bottom:0; left:38px; border-inline:1px solid currentColor; border-bottom:1px solid currentColor; clip-path:inset(0 0 100% 0); animation:mist-entry-frame-draw .96s 1.5s cubic-bezier(.16,1,.3,1) both; }
.mist-entry-copy-frame { position:absolute; top:13%; left:44px; width:45%; display:flex; flex-direction:column; align-items:flex-start; gap:14px; }
.mist-entry-copy-frame i { display:block; height:10px; border:1px solid currentColor; clip-path:inset(0 100% 0 0); animation:mist-entry-frame-draw .78s calc(1.58s + var(--order,0) * 55ms) cubic-bezier(.16,1,.3,1) both; }
.mist-entry-meta-frame { --order:0; width:27%; height:8px !important; }
.mist-entry-title-frame { --order:1; width:82%; height:33px !important; margin-top:13px; }
.mist-entry-title-frame--short { --order:2; width:67%; margin-top:-6px; }
.mist-entry-summary-frame { --order:3; width:53%; height:8px !important; margin-top:15px; }
.mist-entry-summary-frame--short { --order:4; width:41%; margin-top:-7px; }
.mist-entry-action-frame { --order:5; width:124px; height:44px !important; margin-top:14px; }
.mist-entry-portrait-frame { position:absolute; right:4%; bottom:0; width:43%; height:84%; overflow:hidden; border:1px solid currentColor; clip-path:inset(100% 0 0 0); animation:mist-entry-frame-draw 1.05s 1.55s cubic-bezier(.16,1,.3,1) both; }
.mist-entry-portrait-frame i { position:absolute; top:50%; left:50%; width:140%; height:1px; background:currentColor; transform-origin:center; transform:translate(-50%,-50%) rotate(57deg); }
.mist-entry-portrait-frame i + i { transform:translate(-50%,-50%) rotate(-57deg); }
.mist-entry-signal-frame { position:absolute; bottom:11%; left:44px; display:flex; align-items:flex-end; gap:7px; width:25%; height:42px; }
.mist-entry-signal-frame i { flex:1; height:var(--height,35%); border-top:1px solid currentColor; border-inline:1px solid currentColor; transform:scaleY(0); transform-origin:bottom; animation:mist-entry-line-y .7s calc(1.7s + var(--order,0) * 50ms) cubic-bezier(.16,1,.3,1) both; }
.mist-entry-signal-frame i:nth-child(1) { --height:40%; --order:0; }.mist-entry-signal-frame i:nth-child(2) { --height:78%; --order:1; }.mist-entry-signal-frame i:nth-child(3) { --height:58%; --order:2; }.mist-entry-signal-frame i:nth-child(4) { --height:96%; --order:3; }.mist-entry-signal-frame i:nth-child(5) { --height:66%; --order:4; }.mist-entry-signal-frame i:nth-child(6) { --height:48%; --order:5; }
.mist-intro .mist-site-header { animation:mist-entry-content .9s 2.08s cubic-bezier(.16,1,.3,1) both; }
.mist-intro .mist-side-nav { animation:mist-entry-content .8s 2.22s cubic-bezier(.16,1,.3,1) both; }
.mist-intro .mist-hero-copy > * { animation:mist-entry-copy .95s cubic-bezier(.16,1,.3,1) both; }
.mist-intro .mist-hero-copy > :nth-child(1) { animation-delay:2.08s; }.mist-intro .mist-hero-copy > :nth-child(2) { animation-delay:2.15s; }.mist-intro .mist-hero-copy > :nth-child(3) { animation-delay:2.22s; }.mist-intro .mist-hero-copy > :nth-child(4) { animation-delay:2.29s; }
.mist-intro .mist-hero-figure img { animation:mist-entry-portrait 1.2s 2.02s cubic-bezier(.16,1,.3,1) both; }
.mist-intro .mist-technical,.mist-intro .mist-hero-foot { animation:mist-entry-content .8s 2.35s cubic-bezier(.16,1,.3,1) both; }
@keyframes mist-entry-surface { from { transform:translateZ(0); } to { transform:translateZ(0); } }
@keyframes mist-entry-black-out { 0%,58% { opacity:1; } to { opacity:0; } }
@keyframes mist-entry-mark { 0% { opacity:0; transform:translate(-50%,-50%) scale(.965); } 38%,68% { opacity:1; transform:translate(-50%,-50%) scale(1); } 87%,to { opacity:0; transform:translate(-50%,-50%) scale(1.012); } }
@keyframes mist-entry-mark-rule { from { opacity:0; transform:scaleX(0); } to { opacity:1; transform:scaleX(1); } }
@keyframes mist-entry-grid-tone { 0%,58% { color:#ffffff38; opacity:1; } 78% { color:#34382e18; opacity:1; } to { color:#34382e18; opacity:0; } }
@keyframes mist-entry-blueprint-tone { 0%,58% { color:#ffffffad; opacity:1; } 68% { color:#ad4b3d70; opacity:.34; } 74%,to { color:#ad4b3d70; opacity:0; } }
@keyframes mist-entry-line-y { 0% { opacity:0; transform:scaleY(0); } 12% { opacity:1; } to { opacity:1; transform:scaleY(1); } }
@keyframes mist-entry-line-x { 0% { opacity:0; transform:scaleX(0); } 12% { opacity:1; } to { opacity:1; transform:scaleX(1); } }
@keyframes mist-entry-frame-draw { to { clip-path:inset(0); } }
@keyframes mist-entry-content { from { opacity:0; } to { opacity:1; } }
@keyframes mist-entry-copy { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
@keyframes mist-entry-portrait { from { opacity:0; transform:translateY(28px) scale(1.025); } to { opacity:1; transform:translateY(0) scale(1); } }
.mist-site-header,.mist-auth-header { height:65px; display:flex; justify-content:space-between; align-items:center; padding:0 38px; border-bottom:1px solid var(--mist-line); background:#f2f3eff2; }
.mist-site-header { position:sticky; top:0; z-index:6; backdrop-filter:blur(12px); }
.mist-wordmark { color:var(--mist-ink); font-weight:750; font-size:26px; letter-spacing:-1.3px; cursor:pointer; }
.mist-wordmark > span { color:var(--mist-red); }
.mist-site-header nav { display:flex; align-items:center; gap:34px; height:100%; }
.mist-site-header nav button { position:relative; height:100%; font-size:12px; color:#6e716b; cursor:pointer; }
.mist-site-header nav button[aria-current] { color:#20221f; }
.mist-site-header nav button[aria-current]::after { position:absolute; bottom:14px; left:0; right:0; height:1px; content:""; background:var(--mist-red); }
.mist-header-login { display:flex; align-items:center; gap:16px; font-size:12px; cursor:pointer; }
.mist-side-nav { position:fixed; top:42%; left:12px; z-index:5; display:flex; flex-direction:column; gap:18px; }
.mist-side-nav button { writing-mode:vertical-rl; font:9px/1.4 Consolas,monospace; letter-spacing:.13em; color:#797e74; padding-top:12px; border-top:1px solid #b5b8b0; cursor:pointer; }
.mist-side-nav button[aria-current] { color:var(--mist-red); border-color:var(--mist-red); }
.mist-pages { margin:0 38px; border-inline:1px solid var(--mist-line); }
.mist-section { position:relative; min-height:calc(100dvh - 65px); border-bottom:1px solid var(--mist-line); }
.mist-hero { overflow:hidden; background-image:linear-gradient(#333c3007 1px,transparent 1px),linear-gradient(90deg,#333c3007 1px,transparent 1px); background-size:40px 40px; }
.mist-hero-copy { position:relative; z-index:2; width:61%; padding:clamp(46px,8vh,90px) 0 0 44px; pointer-events:none; }
.mist-hero-copy button { pointer-events:auto; }
.mist-eyebrow { color:var(--mist-red); font:11px/1.5 Consolas,monospace; letter-spacing:.06em; }
.mist-hero h1 { font-family:Manrope,Geist,"Microsoft YaHei",sans-serif; font-size:clamp(26px,2.9vw,42px); font-weight:650; line-height:1.5; letter-spacing:-.045em; margin:22px 0 20px; }
.mist-hero p,.mist-section-copy p { font-size:14px; color:#65695f; line-height:1.9; margin:0 0 28px; }
.mist-actions { display:flex; gap:12px; }
.mist-button { display:inline-flex; align-items:center; gap:20px; min-height:48px; padding:6px 6px 6px 18px; background:#252721; color:#fff; border:1px solid #252721; border-radius:2px; font-size:12px; font-weight:600; cursor:pointer; transition:background .2s,transform .2s; }
.mist-button > span { display:grid; place-items:center; width:34px; height:34px; background:#ffffff10; font-size:19px; font-weight:400; }
.mist-button:hover { background:#3a3e33; transform:translateY(-2px); }
.mist-button--outline { background:#f4f5f0; color:#30352b; border-color:#9fa397; }
.mist-button--outline:hover { background:#e9ece3; }
.mist-button--outline > span { background:transparent; }
.mist-hero-figure { position:absolute; right:-2%; bottom:0; width:49%; height:100%; pointer-events:none; }
.mist-hero-figure img { display:block; width:100%; height:100%; object-fit:contain; object-position:bottom right; }
.mist-technical { position:absolute; bottom:82px; left:44px; width:min(32%,350px); color:#b3685a; opacity:.8; }
.mist-technical svg { width:100%; }
.mist-hero-foot { position:absolute; bottom:24px; left:44px; right:44px; display:flex; gap:30px; color:#73776b; font:9px Consolas,monospace; letter-spacing:.12em; }
.mist-hero-foot button { cursor:pointer; }
.mist-explore { display:grid; grid-template-columns:42% 58%; align-items:center; padding:60px 0 60px 44px; overflow:hidden; }
.mist-section-copy { padding-right:34px; }
.mist-section-copy h2 { font-family:Manrope,Geist,"Microsoft YaHei",sans-serif; font-size:clamp(30px,3.7vw,52px); line-height:1.3; font-weight:600; letter-spacing:-.05em; margin:24px 0 26px; }
.mist-feature-list { display:grid; grid-template-columns:1fr 1fr; gap:18px; border-top:1px solid var(--mist-line); padding-top:22px; font-size:11px; color:#666c60; }
.mist-gallery-controls { display:flex; align-items:center; gap:8px; margin-top:32px; }
.mist-gallery-controls > span { font-size:10px; color:#7e8377; margin-left:8px; }
.mist-icon-button { width:36px; height:36px; border:1px solid #b8bdb0; display:grid; place-items:center; cursor:pointer; }
.mist-icon-button:disabled { opacity:.3; cursor:default; }
.mist-gallery { overflow-x:auto; padding:30px 0; cursor:grab; touch-action:pan-y pinch-zoom; }
.mist-gallery--enhanced { overflow:hidden; }
.mist-gallery:active { cursor:grabbing; }
.mist-gallery-track { display:flex; padding-left:16px; }
.mist-photo { flex:0 0 72%; min-width:0; padding-right:28px; }
.mist-photo-inner { padding:12px 12px 0; background:#fafbf7; border:1px solid #c4c8bd; box-shadow:0 14px 24px #353c2410; transform:rotate(-3deg); margin-block:16px; }
.mist-photo:nth-child(2n) .mist-photo-inner { transform:rotate(3deg); }
.mist-photo img { display:block; width:100%; aspect-ratio:4/5; max-height:58dvh; object-fit:cover; background:#e9ebe4; user-select:none; }
.mist-photo img.mist-photo-character { object-position:top; }
.mist-photo-inner > div { height:66px; display:flex; align-items:center; gap:12px; }
.mist-photo-inner h3 { font-size:14px; font-weight:500; flex:1; }
.mist-photo-inner span { color:#8b8f82; font:9px Consolas,monospace; }
.mist-start { padding:76px 44px; overflow:hidden; }
.mist-start h2 { font-family:Manrope,Geist,"Microsoft YaHei",sans-serif; font-size:clamp(48px,6.7vw,92px); letter-spacing:-.055em; font-weight:600; line-height:1.25; margin:30px 0 36px; position:relative; z-index:1; }
.mist-start .mist-button { position:relative; z-index:1; }
.mist-start-rule { width:250px; height:1px; background:#b9beb0; margin:40px 0 20px; }
.mist-start p { color:#7b8174; font-size:11px; position:relative; z-index:1; }
.mist-start-word { position:absolute; right:-18px; bottom:-6vw; font-size:clamp(180px,32vw,450px); font-weight:800; letter-spacing:-.09em; color:#e0e3da; line-height:1; pointer-events:none; }
html.mist-ui.mist-auth-active .auth-page { position:relative; background:var(--mist-canvas) !important; color:var(--mist-ink) !important; padding:100px 60px 36px !important; min-height:100dvh; }
html.mist-ui.mist-auth-active :is(.auth-bg,.auth-desktop-showcase) { display:none !important; }
.mist-auth-header { position:absolute; top:0; left:0; right:0; }
.mist-replay { color:#6c7364; font-size:12px; cursor:pointer; }
html.mist-ui.mist-auth-active .auth-page-content { display:grid !important; grid-template-columns:minmax(340px,440px) minmax(280px,1fr) !important; gap:clamp(30px,8vw,120px) !important; max-inline-size:1080px !important; min-block-size:calc(100dvh - 136px) !important; padding:0 !important; margin:auto; align-items:center; }
html.mist-ui.mist-auth-active .auth-card { --v-theme-primary:38,42,33; --v-theme-on-surface:32,34,31; --v-theme-surface:250,251,248; background:#fafbf8 !important; border:1px solid #ccd0c4 !important; border-radius:4px !important; padding:32px !important; color:#242821 !important; box-shadow:6px 6px 0 #e2e6db !important; min-block-size:0 !important; color-scheme:light !important; }
html.mist-ui.mist-auth-active .auth-brand { align-items:flex-start; text-align:left; gap:0; margin:0 0 26px !important; padding:0 !important; }
html.mist-ui.mist-auth-active .auth-brand > :is(.auth-brand-logo,.auth-brand-title,.auth-brand-signature) { display:none !important; }
.mist-form-intro { width:100%; }
.mist-form-intro h1 { font-family:Manrope,Geist,"Microsoft YaHei",sans-serif; font-size:30px; font-weight:600; line-height:1.3; letter-spacing:-.045em; margin:18px 0 12px; }
.mist-form-intro p { font-size:12px; color:#777e6d; margin:0; }
html.mist-ui.mist-auth-active .auth-card-body { padding:0 !important; }
html.mist-ui.mist-auth-active .auth-card .v-field { background:#fafbf8 !important; border-radius:2px !important; box-shadow:none !important; color:#262c21 !important; color-scheme:light !important; }
html.mist-ui.mist-auth-active .auth-card .v-field__outline { color:#a0a992 !important; }
html.mist-ui.mist-auth-active .auth-card .v-field--focused { box-shadow:0 0 0 3px #ad4b3d12 !important; }
html.mist-ui.mist-auth-active .auth-card :is(.v-label,.v-field-label,.v-field__prepend-inner,.v-field__append-inner,.v-icon) { color:#757f69 !important; }
html.mist-ui.mist-auth-active .auth-card .v-field__input { color:#292f22 !important; -webkit-text-fill-color:#292f22 !important; font-size:14px; }
html.mist-ui.mist-auth-active .auth-card .v-field__input::placeholder { color:#838b79 !important; -webkit-text-fill-color:#838b79 !important; }
html.mist-ui.mist-auth-active .auth-card .v-btn { border-radius:2px !important; letter-spacing:0; }
html.mist-ui.mist-auth-active .auth-card .v-btn.bg-primary:not(.v-btn--disabled) { background:#292e24 !important; color:#fff !important; box-shadow:none !important; min-height:46px; }
html.mist-ui.mist-auth-active .auth-card .v-btn.bg-primary :is(.v-icon,.v-btn__content) { color:#fff !important; }
html.mist-ui.mist-auth-active .auth-card .auth-social-divider { color:#838b79 !important; font-size:11px; }
html.mist-ui.mist-auth-active .auth-card .auth-social-divider span { background:#dde2d4 !important; }
html.mist-ui.mist-auth-active .auth-card :is(.auth-disclaimer-link button,.auth-disclaimer-website) { color:#a55040 !important; }
html.mist-ui.mist-auth-active .auth-card.auth-dialog-card { max-height:calc(100dvh - 48px); overflow-y:auto; }
.mist-auth-art { position:relative; height:min(74dvh,750px); border-bottom:1px solid #b2baa5; }
.mist-auth-art img { width:100%; height:100%; object-fit:contain; object-position:bottom; }
.mist-auth-art > span { position:absolute; bottom:12px; left:0; color:#5f6854; font-size:11px; writing-mode:vertical-rl; letter-spacing:.4em; }
html.mist-ui.mist-auth-active .auth-page--invite { display:block; }
html.mist-ui.mist-auth-active .auth-page--invite > .auth-card { max-height:none !important; overflow:visible !important; margin:auto; }
html.mist-ui.mist-auth-active .auth-page--invite > .mist-auth-art { display:none; }
html.mist-ui.mist-auth-active .auth-brand--compact { flex-direction:column; }
html.mist-ui:not(.mist-auth-active) .v-application { background:var(--mist-canvas) !important; color:var(--mist-ink); }
html.mist-ui .app-nav { background:var(--mist-panel) !important; border-right:1px solid var(--mist-line) !important; box-shadow:none !important; }
html.mist-ui .app-logo-title { font-size:23px; letter-spacing:-1px; font-weight:650; }
html.mist-ui .app-nav-item { border-radius:3px !important; margin:4px 10px; }
html.mist-ui .app-nav-item--active { background:#ad4b3d0d !important; color:#ad4b3d !important; box-shadow:inset 2px 0 #ad4b3d; }
html.mist-ui .nav-header { color:var(--mist-muted); font-size:11px; }
html.mist-ui .app-navbar { background:var(--mist-panel) !important; border-bottom:1px solid var(--mist-line); box-shadow:none !important; }
html.mist-ui .search-trigger { border-radius:3px; background:var(--mist-canvas); border:1px solid var(--mist-line); }
html.mist-ui .page-content-container { max-width:1600px; margin-inline:auto; padding:clamp(16px,2.5vw,36px); }
html.mist-ui:not(.mist-auth-active) :is(.v-main .v-card,.dashboard-panel,.dashboard-stat-card) { border:1px solid var(--mist-line) !important; border-radius:5px !important; box-shadow:none !important; }
html.mist-ui :is(.dashboard-panel,.dashboard-stat-card) { background:var(--mist-panel) !important; }
html.mist-ui .stat-value { font-weight:600; letter-spacing:-.045em; }
html.mist-ui .stat-label { color:var(--mist-muted); font-size:12px; }
html.mist-ui .v-main :is(.v-btn,.v-field) { border-radius:3px; }
html.mist-ui .v-main .v-table { background:var(--mist-panel); }
html.mist-ui .v-main .v-table th { background:var(--mist-canvas) !important; color:var(--mist-muted); font-size:12px; }
html.mist-ui .v-main .v-table td { border-bottom-color:var(--mist-line) !important; }
html.mist-ui .poster-frame { border-radius:4px; overflow:hidden; }
html.mist-ui[data-theme="dark"] { --mist-ink:#e8eae4; --mist-muted:#9ea596; --mist-panel:#20231d; --mist-canvas:#171a14; --mist-line:#ffffff12; }
.mist-intro { --mist-ink:#20221f; --mist-muted:#70736d; --mist-panel:#fafbf8; --mist-canvas:#f2f3ef; --mist-line:#23272020; }
@media(min-width:1450px) { .mist-hero-figure { right:3%; width:48%; } .mist-hero-copy { padding-left:64px; } }
@media(max-width:900px) {
 .mist-hero-copy { width:69%; padding-left:30px; } .mist-hero h1 { font-size:27px; } .mist-hero-figure { width:53%; right:-9%; }
 .mist-technical,.mist-hero-foot { left:30px; } .mist-explore { grid-template-columns:46% 54%; padding-left:30px; } .mist-photo { flex-basis:90%; }
 html.mist-ui.mist-auth-active .auth-page { padding-inline:30px !important; }
 html.mist-ui.mist-auth-active .auth-page-content { grid-template-columns:minmax(300px,410px) 1fr !important; gap:24px !important; }
}
@media(max-width:640px) {
 .mist-entry-header-frame { left:16px; right:16px; height:60px; } .mist-entry-hero-frame { top:60px; right:16px; left:16px; }
 .mist-entry-nav-frame { width:120px; margin-left:-60px; } .mist-entry-tool-frame { width:54px; right:12px; } .mist-entry-brand-frame { left:12px; width:48px; }
 .mist-entry-copy-frame { top:8%; left:20px; width:78%; gap:10px; } .mist-entry-title-frame { height:25px !important; } .mist-entry-action-frame { width:102px; height:40px !important; }
 .mist-entry-portrait-frame { right:-7%; width:76%; height:55%; } .mist-entry-signal-frame { bottom:8%; left:20px; width:29%; }
 .mist-site-header,.mist-auth-header { height:60px; padding:0 20px; } .mist-wordmark { font-size:24px; }
 .mist-site-header nav { gap:18px; } .mist-site-header nav button { font-size:10px; } .mist-header-login { font-size:11px; gap:8px; }
 .mist-side-nav { display:none; } .mist-pages { margin:0 16px; } .mist-section { min-height:calc(100dvh - 60px); }
 .mist-hero { min-height:760px; } .mist-hero-copy { width:100%; padding:36px 20px 0; } .mist-eyebrow { font-size:9px; }
 .mist-hero h1 { font-size:25px; line-height:1.5; margin:18px 0 16px; } .mist-hero p { font-size:12px; margin-bottom:22px; }
 .mist-button { font-size:11px; gap:10px; min-height:44px; padding-left:12px; } .mist-button > span { width:28px; height:28px; }
 .mist-hero-figure { right:-10%; width:94%; height:440px; } .mist-technical { bottom:96px; left:20px; width:26%; z-index:2; }
 .mist-hero-foot { left:20px; bottom:22px; flex-direction:column; gap:10px; font-size:8px; z-index:2; }
 .mist-hero-foot button { text-align:left; max-width:110px; } .mist-explore { display:block; padding:44px 20px 64px; }
 .mist-section-copy { padding:0; } .mist-section-copy h2 { font-size:32px; } .mist-section-copy p { font-size:12px; }
 .mist-gallery { margin-right:-20px; padding:18px 0; } .mist-photo { flex-basis:85%; padding-right:22px; }
 .mist-photo-inner > div { height:48px; } .mist-photo-inner h3 { font-size:12px; } .mist-photo-inner span { font-size:8px; }
 .mist-start { padding:56px 20px; } .mist-start h2 { font-size:48px; } .mist-start-word { bottom:12px; right:0; font-size:170px; }
 html.mist-ui.mist-auth-active .auth-page { padding:90px 20px 30px !important; }
 html.mist-ui.mist-auth-active .auth-page-content { display:flex !important; min-block-size:calc(100dvh - 120px) !important; justify-content:center; }
 html.mist-ui.mist-auth-active .auth-card { padding:28px 24px !important; } .mist-auth-art { display:none; }
}
@media(prefers-reduced-motion:reduce) { html.mist-ui *,html.mist-ui *::before,html.mist-ui *::after { animation-duration:.01ms !important; animation-delay:0s !important; animation-iteration-count:1 !important; transition-duration:.01ms !important; scroll-behavior:auto !important; } }