.design-system{grid-template-columns:190px minmax(0,1fr);gap:60px;padding-block:64px 80px;display:grid}.design-sidebar{align-self:start;font-size:14px;position:sticky;top:32px}.design-sidebar nav{flex-direction:column;gap:4px;display:flex}.design-sidebar nav a{border-radius:8px;align-items:center;min-height:44px;padding:8px 14px;text-decoration:none;display:flex}.design-sidebar nav a:hover{background:var(--surface)}.design-sidebar nav a[aria-current=page]{background:var(--surface);color:var(--accent);text-decoration:underline}.design-sidebar .design-index-link{margin-bottom:20px;font-weight:600}.design-data-link{min-height:44px;color:var(--muted);align-items:center;margin:24px 14px 0;font-size:12px;display:inline-flex}.design-content{min-width:0}.design-system p{max-width:65ch}.design-system h1{margin-bottom:20px;font-size:clamp(3rem,5.5vw,5rem)}.design-system h2{font-size:clamp(1.8rem,2.6vw,2.7rem)}.design-system h3{margin-bottom:12px;font-size:21px;line-height:1.3}.design-system code{overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.design-system a:not(.action-link):hover{color:var(--accent)}.design-title{margin-bottom:56px}.design-title>p:first-child{margin-bottom:12px;font-size:14px}.design-title .intro{max-width:44ch}.design-home-title h1{letter-spacing:0;color:var(--muted);margin:0 0 32px;font-size:17px;font-weight:500}.design-wordmark{aspect-ratio:1240/340;background:var(--text);width:min(100%,720px);-webkit-mask:url(/assets/brand/aviune-wordmark-mono.svg) 50%/contain no-repeat;mask:url(/assets/brand/aviune-wordmark-mono.svg) 50%/contain no-repeat}.design-home-title .intro{margin:24px 0 48px;font-size:22px}.chapter-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.chapter-card{border:1px solid var(--soft-border);background:var(--panel);border-radius:18px;text-decoration:none;overflow:hidden}.chapter-card:hover{border-color:var(--border);transform:translateY(-3px)}.chapter-art{border-bottom:1px solid var(--soft-border);min-height:190px;color:var(--accent);place-items:center;padding:28px;display:grid;overflow:hidden}.chapter-card-copy{padding:24px 50px 26px 24px;position:relative}.chapter-card-copy h2{letter-spacing:-.02em;margin-bottom:8px;font-size:22px}.chapter-card-copy p{max-width:28ch;margin-bottom:0;font-size:14px;line-height:1.55}.chapter-open{font-size:22px;position:absolute;top:26px;right:24px}.chapter-mark{aspect-ratio:485/395;background:var(--accent);width:120px;-webkit-mask:url(/assets/brand/aviune-mark.svg) 50%/contain no-repeat;mask:url(/assets/brand/aviune-mark.svg) 50%/contain no-repeat}.chapter-palette{border-radius:12px;width:95%;height:96px;display:flex;overflow:hidden}.chapter-palette i{background:var(--text);flex:1}.chapter-palette i:nth-child(2){background:var(--muted)}.chapter-palette i:nth-child(3){background:var(--accent)}.chapter-palette i:nth-child(4){background:var(--action-text)}.chapter-palette i:nth-child(5){background:var(--page)}.chapter-type-sample{letter-spacing:-.04em;font-size:72px;font-weight:500;line-height:1}.chapter-type-sample span{letter-spacing:.12em;text-align:center;padding-top:16px;font-size:16px;display:block}.chapter-action{background:var(--action);color:var(--action-text);border-radius:40px;align-items:center;gap:56px;padding:8px 8px 8px 24px;font-size:15px;display:inline-flex}.chapter-action>span{background:var(--action-text);color:var(--action);border-radius:50%;place-items:center;width:38px;height:38px;font-size:23px;display:grid}.chapter-curve{width:100%;max-width:260px;height:100px}.chapter-layout{grid-template-columns:1fr 2fr;gap:10px;width:70%;height:115px;display:grid}.chapter-layout i{border:1px solid var(--border);background:var(--surface);border-radius:5px}.chapter-layout i:first-child{background:var(--accent);grid-column:1/-1;height:28px}.chapter-layout i:nth-child(2),.chapter-layout i:nth-child(3){height:72px}.design-downloads{grid-template-columns:1.4fr 1fr;gap:40px;padding-block:56px 16px;display:grid}.design-downloads h2{margin-bottom:16px;font-size:26px}.design-downloads p{font-size:16px}.design-downloads>div:last-child{flex-direction:column;align-items:start;display:flex}.design-downloads a,.asset-links a,.design-inline-link{color:var(--accent);align-items:center;min-height:44px;font-size:14px;display:inline-flex}.design-section{margin-bottom:64px;scroll-margin-top:24px}.design-section>h2>a{text-decoration:none}.design-section>h2>a:hover{text-decoration:underline}.design-note{margin-top:20px;font-size:14px}.lab-toolbar{background:var(--surface);border:1px solid var(--soft-border);border-radius:12px 12px 0 0;flex-wrap:wrap;align-items:end;gap:20px;padding:20px 24px;display:flex}.lab-toolbar label{flex:1;min-width:100px;font-size:13px;font-weight:500}.lab-toolbar input[type=range],.lab-toolbar select{width:100%;margin-top:8px;display:block}.lab-toolbar output{float:right;font-variant-numeric:tabular-nums;color:var(--muted);margin-left:8px}.design-system select,.design-system textarea{font:inherit;color:var(--text);background:var(--page);border:1px solid var(--border);border-radius:6px;max-width:100%;min-height:44px;padding:10px 12px}.design-system select{font-size:14px}.design-system input{accent-color:var(--accent)}.design-system input[type=range]{height:36px}.lab-toolbar .check-field{flex-basis:160px;align-items:center;gap:10px;min-height:44px;display:flex}.check-field input{flex:0 0 18px;width:18px;height:18px}.quiet-button{border:1px solid var(--border);background:var(--page);color:var(--text);border-radius:8px;min-height:44px;padding:9px 16px;font-size:13px;font-weight:500}.quiet-button:hover{background:var(--action);color:var(--action-text);border-color:var(--action)}.brand-lab-stage{background:var(--page);border:1px solid var(--soft-border);place-items:center;min-height:280px;padding:48px 24px;display:grid}.brand-clearance{max-width:100%}.brand-clearance[data-guides=true]{outline:1px dashed var(--border);outline-offset:-1px;background:var(--panel)}.brand-lab-art{width:100%;display:block}.specimen-note{justify-content:space-between;align-items:start;gap:28px;margin-top:20px;display:flex}.specimen-note p{max-width:46ch;margin-bottom:0;font-size:13px}.specimen-note a{min-height:44px;color:var(--accent);flex-shrink:0;align-items:center;font-size:14px;display:inline-flex}.code-sample{background:var(--panel);border:1px solid var(--soft-border);border-radius:10px;margin-block:24px;overflow:hidden}.code-actions{border-bottom:1px solid var(--soft-border);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.code-actions>span{color:var(--muted);font-size:12px}.code-sample pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:20px 24px;line-height:1.8}.code-sample pre:focus-visible{outline-offset:-4px}.js-control{display:none}[data-js=true] .lab-toolbar.js-control{display:flex}[data-js=true] .js-control:not(.lab-toolbar){display:block}.design-rule-grid,.theme-comparison{grid-template-columns:1fr 1fr;gap:24px;margin-block:28px;display:grid}.design-rule-grid p{font-size:15px}.brand-mini{background:var(--page);color:var(--text);border:1px solid var(--soft-border);border-radius:12px;padding:32px}.brand-mini[data-theme=dark] .logo-image{background:var(--text);-webkit-mask:url(/assets/brand/aviune-wordmark-mono.svg) 50%/contain no-repeat;mask:url(/assets/brand/aviune-wordmark-mono.svg) 50%/contain no-repeat}.asset-links{flex-wrap:wrap;gap:8px 28px;display:flex}.name-specimen{border-left:2px solid var(--accent);background:var(--panel);margin-block:24px;padding:32px}.name-specimen strong{font-size:clamp(24px,4vw,44px);font-weight:500;display:block}.name-specimen>span{color:var(--muted)}.writing-example{background:var(--panel);border-radius:12px;grid-template-columns:64px 1fr;gap:16px;margin-block:24px;padding:28px;display:grid}.writing-example>span{color:var(--accent);font-size:13px}.writing-example p{margin:0}.theme-card{background:var(--page);color:var(--text);border:1px solid var(--border);border-radius:14px;padding:32px}.theme-card>span:first-child{color:var(--muted);font-size:13px}.theme-card h3{margin-top:24px;font-size:28px}.theme-card p{font-size:15px}.contrast-comparison{border:1px solid var(--soft-border);grid-template-columns:1.25fr 1fr;display:grid}.contrast-specimen{min-height:245px;padding:32px}.contrast-display{font-size:90px;font-weight:500;line-height:1.1}.contrast-specimen p{margin-block:20px 10px;font-size:18px}.contrast-specimen>span:last-child{font-family:monospace;font-size:12px}.contrast-result{background:var(--panel);flex-direction:column;justify-content:center;padding:32px;display:flex}.contrast-result>strong{font-variant-numeric:tabular-nums;margin-bottom:20px;font-size:clamp(36px,4.5vw,56px);font-weight:500;line-height:1.2}.contrast-result small{color:var(--muted);font-size:20px}.contrast-result p{margin-bottom:8px;font-size:13px}.lab-toolbar .color-input{align-items:center;gap:12px;display:flex}.color-input input{cursor:pointer;background:0 0;border:0;width:48px;height:44px}.lab-toolbar>p{flex-basis:100%;margin:0;font-size:12px}.token-row{border-top:1px solid var(--soft-border);grid-template-columns:1fr 240px;gap:32px;padding-block:28px;display:grid}.token-description h3{margin-bottom:4px}.token-description>code{color:var(--accent)}.token-description p{margin:10px 0 0;font-size:14px}.token-values{flex-direction:column;justify-content:center;gap:16px;display:flex}.token-value{align-items:center;gap:16px;font-size:12px;display:flex}.token-value i{outline:1px solid var(--border);outline-offset:-1px;border-radius:8px;flex-shrink:0;width:52px;height:52px;display:block}.token-value code{color:var(--text);display:block}.type-lab-stage{background:var(--panel);border:1px solid var(--soft-border);align-items:center;min-height:250px;padding:40px;display:flex}.type-lab-stage p{color:var(--text);letter-spacing:-.035em;overflow-wrap:anywhere;min-width:0;margin:0}.specimen-input{margin-top:24px;font-size:13px}.specimen-input textarea{resize:vertical;width:100%;margin-top:8px;font-size:16px;display:block}.type-scale>div{border-top:1px solid var(--soft-border);padding-block:24px}.type-scale>div>div{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:12px;display:flex}.type-scale>div>p:first-of-type{color:var(--text);overflow-wrap:anywhere;margin-block:20px 16px;line-height:1.13}.type-scale>div>p:last-child{margin-bottom:0;font-size:14px}.space-scale>div{border-top:1px solid var(--soft-border);grid-template-columns:110px 104px 48px 1fr;align-items:center;gap:16px;padding-block:16px;display:grid}.space-scale i{background:var(--accent);border-radius:2px;height:20px;display:block}.space-scale span,.space-scale p{margin:0;font-size:13px}.component-stage{background:var(--page);color:var(--text);border:1px solid var(--soft-border);padding:32px}.component-preview{margin-inline:auto}.component-actions{flex-wrap:wrap;align-items:center;gap:12px 32px;margin-bottom:36px;display:flex}.component-reference{border-top:1px solid var(--soft-border);padding-block:28px 12px}.component-reference h3{margin-bottom:8px}.component-reference>code{color:var(--accent)}.component-reference>p{margin-top:12px}.design-definition-list{margin-block:28px}.design-definition-list>div{border-top:1px solid var(--soft-border);grid-template-columns:130px 1fr;gap:32px;padding-block:24px;display:grid}.design-definition-list dt{font-size:16px}.design-definition-list dd{font-size:15px}.motion-lab-stage{background:var(--panel);border:1px solid var(--soft-border);padding:56px 32px 24px}.motion-track{background:var(--surface);border-radius:12px;overflow:clip}.motion-traveller{background:var(--action);width:56px;height:56px;color:var(--action-text);border-radius:12px;place-items:center;font-size:24px;font-weight:600;display:grid}.motion-runner{width:100%;transform:translate(calc(100% - 56px))}[data-js=true] .motion-runner{animation:specimen-travel .42s var(--ease-interface) both}.motion-lab-stage[data-still=true] .motion-runner{animation:none}@keyframes specimen-travel{0%{transform:translate(0)}to{transform:translate(calc(100% - 56px))}}.motion-endpoints{color:var(--muted);justify-content:space-between;margin-top:16px;font-size:12px;display:flex}.motion-status{margin-top:20px;font-size:14px}.design-scene{background:var(--page);border:1px solid var(--soft-border);border-radius:14px;height:340px;position:relative;overflow:hidden}.design-scene .polar-scene:after{background:linear-gradient(0deg, var(--page), transparent 45%)}.design-scene .polar-scene{-webkit-mask-image:linear-gradient(#0000,#000 10% 85%,#0000);mask-image:linear-gradient(#0000,#000 10% 85%,#0000)}.motion-token-list>div{border-top:1px solid var(--soft-border);grid-template-columns:1fr 1fr;gap:32px;padding-block:20px;display:grid}.motion-token-list dt{margin:0}.motion-token-list p{margin:8px 0 0;font-size:14px}.foundation-rules>div{border-top:1px solid var(--soft-border);grid-template-columns:.85fr 1.3fr;gap:40px;padding-block:28px;display:grid}.foundation-rules p{margin-bottom:0;font-size:15px}.layout-specimen{border:1px solid var(--border);border-inline:24px solid var(--surface);border-radius:12px;grid-template-columns:.8fr 1fr;gap:32px;margin-block:24px;padding:40px;display:grid}.layout-heading{font-size:28px;font-weight:600}.layout-reading{background:var(--panel);border:1px solid var(--soft-border);padding:20px}.layout-reading span{color:var(--muted);font-size:13px}.design-checklist{color:var(--muted);padding-left:24px}.design-checklist li{margin-bottom:16px;padding-left:8px}.chapter-pagination{border-top:1px solid var(--border);justify-content:space-between;gap:24px;margin-top:72px;padding-top:24px;display:flex}.chapter-pagination a{min-height:64px;font-size:20px;text-decoration:none}.chapter-pagination a>span:first-child{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.chapter-pagination a>span:last-child{margin-left:12px}body:has(.design-system) .footer-wordmark{display:none}body:has(.design-system) .footer-bottom{margin-top:48px}@media (max-width:1100px){.design-system{grid-template-columns:160px minmax(0,1fr);gap:32px}.token-row{grid-template-columns:1fr 150px;gap:24px}.space-scale>div{grid-template-columns:100px 104px 48px}.space-scale p{grid-column:1/-1}.lab-toolbar,.design-rule-grid,.theme-comparison{gap:16px}.theme-card{padding:24px}}@media (max-width:860px){.design-system{padding-block:32px 56px;display:block}.design-sidebar{margin-bottom:48px;position:static}.design-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.design-sidebar nav .design-index-link{grid-column:1/-1;margin-bottom:4px}.design-data-link{margin:12px 14px 0}.design-sidebar nav a{font-size:13px}}@media (max-width:600px){.design-system h1{font-size:44px}.design-home-title h1{font-size:16px}.design-home-title .intro{font-size:20px}.design-title{margin-bottom:36px}.chapter-grid{gap:12px}.chapter-art{min-height:120px;padding:16px}.chapter-mark{width:80px}.chapter-card{border-radius:12px}.chapter-card-copy{padding:16px}.chapter-card-copy h2{font-size:18px}.chapter-card-copy p{font-size:12px}.chapter-open{display:none}.chapter-type-sample{font-size:48px}.chapter-type-sample span{letter-spacing:.02em;font-size:10px}.chapter-palette{width:100%;height:72px}.chapter-action{gap:12px;padding-left:12px;font-size:12px}.chapter-action>span{width:24px;height:24px;font-size:16px}.chapter-curve{height:70px}.chapter-layout{gap:6px;width:100%;height:82px}.chapter-layout i:first-child{height:20px}.chapter-layout i:nth-child(2),.chapter-layout i:nth-child(3){height:54px}.design-downloads,.design-rule-grid,.theme-comparison,.contrast-comparison,.foundation-rules>div,.design-definition-list>div,.layout-specimen{grid-template-columns:1fr}.design-downloads{gap:12px;padding-top:40px}.design-section{margin-bottom:48px}.lab-toolbar{padding:16px}.lab-toolbar label{min-width:95px}.brand-lab-stage{min-height:230px;padding:32px 16px}.specimen-note{flex-direction:column;gap:8px}.code-sample pre{padding:16px}.contrast-specimen,.contrast-result{padding:24px}.contrast-specimen{min-height:220px}.contrast-result>strong{font-size:40px}.token-row{display:block}.token-values{flex-direction:row;justify-content:start;gap:28px;margin-top:20px}.token-value{gap:10px}.token-value i{width:36px;height:44px}.type-lab-stage{padding:24px}.type-scale>div>p:first-of-type{max-width:100%}.component-stage{padding:20px}.component-stage .action-link{gap:12px;padding-left:16px;font-size:12px}.component-stage .action-link .link-arrow{width:30px;height:30px}.motion-lab-stage{padding:40px 20px 20px}.design-scene{height:290px}.motion-token-list>div{display:block}.motion-token-list dd{margin-top:12px}.foundation-rules>div,.design-definition-list>div{gap:4px}.layout-specimen{border-inline-width:16px;gap:20px;padding:24px}.writing-example{grid-template-columns:1fr;gap:8px;padding:20px}.writing-example p{margin-bottom:12px}}@media (max-width:360px){.design-sidebar nav a{padding-inline:10px;font-size:12px}.chapter-card-copy h2{font-size:16px}.chapter-card-copy{padding:14px}.chapter-art{padding:12px}.space-scale>div{grid-template-columns:94px 96px 40px;gap:12px}}@media (prefers-reduced-motion:reduce){[data-js=true] .motion-runner{animation:none}}