/* The visual language is drawn from the approved R08: jade folds, straw gold,
   vermilion ribbons and the warm ivory collar. The logo artwork is untouched. */
:root{--paper:#080f13;--bg:#080f13;--panel:#101d23;--text:#efe8d6;--muted:#9ab1a8;--gold:#eabf72;--line:#82aa9b2b;--brand-jade:#398f80;--brand-ink:#0b2026;--brand-gold:#eabf72;--brand-red:#c65c48;--serif:'Noto Serif SC','Source Han Serif SC','Songti SC',SimSun,serif;color-scheme:dark}
body{background:var(--paper);color:var(--text)}::selection{background:#eabf72;color:#efe8d6}a:hover{color:#dc8a71}:focus-visible{outline-color:#b56d37}
.qn-site-header{background:#0d252a;border-bottom:1px solid #669c862f;color:#fff2d2}.qn-header-inner{min-height:100px}.qn-brand{width:225px}.qn-brand img{width:225px}.qn-primary-nav>a{color:#bed2c3;font-size:14px}.qn-primary-nav>a[aria-current],.qn-primary-nav>a:hover{color:#eabf72}.qn-primary-nav>a::after{background:#c65c48;height:3px;bottom:-25px;transform-origin:center}.qn-header-actions button{color:#bdd4c8;border-color:#91bbaa45}.qn-header-actions .motion-toggle{color:#eabf72}.qn-header-actions button:hover{color:#fff2d2;background:#0d252a;border-color:#eabf72}.qn-search-trigger kbd{color:#95aaa4;border-color:#91bbaa45}
.qn-site-footer{background:#0d252a;border-top:4px solid #85aa9b55;color:#fff2d2;margin-top:80px;position:relative;display:block}.qn-site-footer::before{content:'';display:block;position:absolute;left:0;top:-4px;width:16%;height:4px;background:#c65c48}.qn-footer-top{padding-top:58px;padding-bottom:55px}.qn-footer-brand>a{width:270px}.qn-footer-brand img{width:270px}.qn-footer-brand>p{font-size:14px;color:#95aaa4}.qn-footer-brand>span{font:25px/1.7 var(--serif);color:#eabf72;letter-spacing:2px}.qn-footer-links h2{color:#e9d6aa;font-size:16px}.qn-footer-links a{color:#95aaa4;font-size:13px}.qn-footer-links a:hover{color:#eabf72}.qn-footer-bottom{border-color:#8fb8a52c;color:#95aaa4;font-size:11px}.qn-footer-bottom a{color:#95aaa4}.brand-subnav{border-color:#8ab4aa26;font-size:12px}.brand-subnav>span{color:#95aaa4}.brand-subnav a{color:#a0b9b1}.brand-subnav a[aria-current]{color:#efe8d6;border-color:#c65c48}
.search-dialog{background:#101d23;color:#efe8d6;border-color:#5e92776b;box-shadow:0 30px 100px #0f382a55}.search-dialog::backdrop{background:#0b302ad6}.search-input-wrap{border-color:#8ab4aa26}.search-input-wrap input{color:#efe8d6}.search-input-wrap input::placeholder{color:#95aaa4}.search-input-wrap>.icon{color:#a0b9b1}.dialog-close{color:#a0b9b1}.search-result{color:#efe8d6;border-color:#8ab4aa1f;font-size:15px}.search-result small{color:#95aaa4;font-size:12px}.search-result>.icon{color:#dc8a71}.search-result:hover{color:#dc8a71}.search-empty{color:#a0b9b1}.search-hint{color:#95aaa4}.toast{background:#0d252a;color:#fff2d2;border-left:3px solid #c65c48;font-size:13px}.back-to-top{background:#0d252a;color:#eabf72;border-color:#85aa9b55}.reading-progress{background:linear-gradient(90deg,#123337 60%,#eabf72 88%,#c65c48)}
.overline{font-size:11px;letter-spacing:1.7px;color:#a0b9b1}.button{min-height:52px;font-size:14px;padding:15px 25px;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.button-gold{background:#eabf72;color:#efe8d6;border-color:#eabf72}.button-gold:hover{background:#c65c48;border-color:#c65c48;color:#fff9ea}.button-outline{color:#a0b9b1;border-color:#5d8d7355}.button-outline:hover{border-color:#85aa9b55;color:#efe8d6}.text-link{font-size:13px;color:#a0b9b1}.title-dot{color:#dc8a71}
/* Hero: one clear silhouette, framed with the diagonal planes of the hat. */
.home-hero{grid-template-columns:.92fr 1.08fr;min-height:740px;gap:60px;padding-block:55px 50px}.hero-copy{padding:0 0 8px}.hero-eyebrow{gap:16px;margin-bottom:30px;color:#a0b9b1;font-size:12px;letter-spacing:2px}.hero-eyebrow>span{border-radius:0;box-shadow:none;width:38px;height:44px;background:#c65c48;color:#fff3d4;font:23px/44px var(--serif);text-align:center;clip-path:polygon(0 0,100% 0,100% 83%,80% 100%,0 100%);flex:none}.hero-eyebrow small{display:block;font:8px/1.6 Arial;letter-spacing:1.8px;margin-top:6px;color:#95aaa4}.hero-copy h1{font:clamp(54px,4.65vw,74px)/1.42 var(--serif);letter-spacing:4px;color:#efe8d6}.hero-copy h1 em{color:#a0b9b1;font-style:normal;position:relative}.hero-copy h1 em::after{content:'';height:4px;position:absolute;left:0;right:8%;bottom:-9px;background:#c65c48;clip-path:polygon(0 30%,100% 0,91% 100%,4% 75%)}.hero-description{font-size:15px;color:#95aaa4;line-height:2.1;margin-top:28px}.hero-actions{gap:29px;margin-top:30px}.hero-story-link{font-size:13px;color:#a0b9b1}.hero-story-link span{color:#dc8a71}.hero-search{max-width:440px;padding:13px 0 14px;border-color:#8ab4aa38;margin-top:24px}.hero-search>.icon{color:#a0b9b1;width:18px;height:18px}.hero-search input{font-size:13px;color:#efe8d6}.hero-search input::placeholder{color:#95aaa4}.hero-search button{color:#dc8a71}.hero-keywords{font-size:11px;color:#a0b9b1;gap:20px;margin-top:13px}.hero-keywords>span{color:#95aaa4}
.hero-emblem{background:#0d252a;min-height:610px;padding:28px 30px;clip-path:polygon(0 0,93% 0,100% 7%,100% 100%,7% 100%,0 93%);isolation:isolate;justify-content:space-between}.hero-emblem>img{height:480px;position:relative;z-index:1;margin:0;width:100%}.emblem-fold,.emblem-ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.emblem-ribbon{opacity:.75}.emblem-topline,.emblem-bottomline{color:#95aaa4;border:0;padding:0;position:relative;z-index:2;font-size:9px;letter-spacing:1px}.emblem-topline{padding-bottom:13px;border-bottom:1px solid #adc8ae2b}.emblem-topline>span:last-child{color:#eabf72}.emblem-bottomline{padding-top:13px;border-top:1px solid #adc8ae2b}.emblem-bottomline a{color:#eabf72}.brand-credo{display:grid;grid-template-columns:1fr 1.15fr 1.15fr 1.15fr auto;gap:25px;border-block:1px solid #8ab4aa26;align-items:center;padding:27px 0 29px}.credo-title{font:22px/1.55 var(--serif);color:#efe8d6;border-right:1px solid #8ab4aa26}.credo-title em{font-style:normal;color:#eabf72}.brand-credo>div{display:grid;grid-template-columns:25px 1fr;gap:1px 12px}.brand-credo>div>span{grid-row:1/3;font:11px/2 Georgia,serif;color:#dc8a71}.brand-credo h2{font:21px/1.6 var(--serif);color:#efe8d6}.brand-credo p{font-size:11px;color:#95aaa4}.brand-credo>a{padding:12px;color:#dc8a71}.brand-credo .icon{width:25px}
.section{padding-block:83px}.section-heading h2{font:40px/1.65 var(--serif);color:#efe8d6;letter-spacing:1px;margin-top:10px}.section-heading p{color:#95aaa4;font-size:14px;line-height:1.9}.section-heading .overline::before,.page-heading>.overline::before{content:'';display:inline-block;vertical-align:middle;width:18px;height:2px;background:#c65c48;margin-right:12px}.resource-grid{gap:27px}.resource-card{background:#101d23;border:1px solid #8ab4aa26;box-shadow:0 7px 20px #39472b05;position:relative}.resource-card::after{content:'';position:absolute;left:0;bottom:0;width:54px;height:3px;background:#123337;transition:width .35s}.resource-card:hover{border-color:#85aa9b66;transform:translateY(-6px);box-shadow:0 15px 35px #173d2d0a}.resource-card:hover::after{width:100%}.card-art{aspect-ratio:1.65;border-bottom:3px solid #85aa9b55}.art-label{background:#eabf72;color:#efe8d6;border:0;top:15px;left:15px;font-size:10px;padding:4px 10px}.art-arrow{color:#eabf72;background:#0d252a;border-color:#76a98a55}.card-body{padding:25px}.eyebrow{color:#a0b9b1;font-size:10px}.eyebrow>span{color:#95aaa4}.card-body h3{font-size:18px;line-height:1.7;color:#efe8d6;margin:12px 0}.card-body>p{font-size:13px;color:#a0b9b1;line-height:1.95;min-height:78px}.card-bottom{border-color:#8ab4aa24;margin-top:23px}.card-bottom>span{font-size:10px;color:#95aaa4}.favorite{color:#95aaa4}.favorite:hover,.favorite[aria-pressed=true]{color:#eabf72}.favorite[aria-pressed=true] .icon{fill:#eabf7244}
.category-strip{border:0;gap:1px;background:#14292c;margin-top:0;margin-bottom:80px;padding:0;clip-path:polygon(0 0,100% 0,100% 86%,98% 100%,0 100%)}.category-strip>a,.category-strip>a:first-child,.category-strip>a:last-child{padding:28px!important;border:0!important;background:#101d23;position:relative}.category-strip>a:hover{background:#101d23}.category-number{font-size:9px;color:#dc8a71;letter-spacing:1px}.category-title{gap:12px;margin:17px 0 13px}.category-title h2{font:27px var(--serif);color:#efe8d6}.category-title>.icon{color:#a0b9b1;width:27px;height:27px}.category-title>.icon:last-child{width:20px}.category-strip p{font-size:11px;color:#a0b9b1}.category-strip small{font-size:10px;color:#95aaa4;margin-top:13px}
.brand-manifesto{background:#0d252a;color:#fff2d2;margin:0;position:relative;overflow:hidden}.brand-manifesto::before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,transparent 45%,#398f801c 45%,#398f801c 70%,transparent 70%)}.manifesto-inner{position:relative;gap:100px;padding-block:70px;align-items:center}.manifesto-copy>.overline{color:#95aaa4}.manifesto-copy h2{font:50px/1.6 var(--serif);color:#fff2d2;letter-spacing:2px}.manifesto-copy em{color:#eabf72}.manifesto-copy p{color:#95aaa4;font-size:14px;line-height:2.2}.manifesto-copy>.text-link{color:#eabf72;font-size:13px}.manifesto-art{border-color:#89b19633;padding-bottom:22px}.manifesto-art img{filter:none;width:225px;height:225px}.manifesto-art>span{color:#eabf72;font:23px/1.8 var(--serif);writing-mode:vertical-rl;letter-spacing:5px;max-height:185px}.value-line{border-color:#89b19633;padding:19px 0}.value-line h3{color:#eabf72;font-size:20px}.value-line p{color:#95aaa4;font-size:12px}.home-guide-layout{gap:55px;grid-template-columns:.95fr 1.5fr}.guide-feature{background:#101d23;border:0;padding:35px 38px;clip-path:polygon(0 0,100% 0,100% 93%,93% 100%,0 100%);overflow:hidden}.guide-feature>.overline{color:#a0b9b1;font-size:10px}.guide-feature h3{font:33px/1.7 var(--serif);color:#efe8d6;position:relative;z-index:1}.guide-feature p{color:#a0b9b1;font-size:12px;z-index:1}.guide-feature>.text-link{color:#dc8a71;font-size:13px;z-index:1}.guide-feature-mark{position:absolute;right:-20px;top:33px;font:220px var(--serif);color:#365b3c09;pointer-events:none}.guide-row{gap:24px;border-color:#8ab4aa26;padding-block:25px}.guide-row h3{color:#efe8d6;font-size:19px;margin:8px 0}.guide-row p{color:#a0b9b1;font-size:13px}.guide-number{color:#eabf72;font-size:30px}.guide-tag{color:#a0b9b1;font-size:11px}.guide-meta{color:#95aaa4;font-size:10px}.guide-row>.icon{color:#dc8a71}.journey-cta{background:#14292c;position:relative;padding:42px 48px;border:0;overflow:hidden}.journey-cta::after{content:'';position:absolute;right:12%;top:-100px;width:130px;height:390px;background:#c65c4817;transform:rotate(36deg);pointer-events:none}.journey-cta .overline{color:#eabf72;font-size:10px}.journey-cta h2{color:#efe8d6;font:37px/1.6 var(--serif)}.journey-cta p{font-size:14px;color:#eabf72}.journey-cta>.button{color:#fff2d2;background:#0d252a;border-color:#85aa9b55;position:relative;z-index:1}.journey-cta>.button:hover{background:#c65c48;border-color:#c65c48}
/* Inner pages use the same gold edge, jade hierarchy and ribbon red markers. */
.page-heading{position:relative;border-color:#8ab4aa26;padding-top:30px;padding-bottom:45px}.page-heading::after{content:'';position:absolute;right:0;bottom:-1px;width:130px;height:4px;background:linear-gradient(90deg,#123337 75%,#c65c48 75%);clip-path:polygon(0 0,100% 0,96% 100%,0 100%)}.page-heading h1{font-size:55px;color:#efe8d6;letter-spacing:3px}.page-heading>p{font-size:15px;color:#a0b9b1}.breadcrumb{font-size:12px;color:#95aaa4}.breadcrumb a{color:#a0b9b1}.library-toolbar{margin-top:5px}.library-search{border-color:#5984643b;background:#101d23;min-height:53px}.library-search>.icon{color:#a0b9b1}.library-search input{font-size:14px;color:#efe8d6}.library-search input::placeholder{color:#95aaa4}.library-layout{gap:38px;grid-template-columns:215px minmax(0,1fr)}.library-sidebar h2{font-size:12px;color:#a0b9b1}.filter-list button,.saved-filter{font-size:13px;color:#a0b9b1}.filter-list button.active{background:#0d252a;border-color:#85aa9b55;color:#fff2d2;clip-path:polygon(0 0,100% 0,100% 77%,94% 100%,0 100%)}.filter-list button.active>span{color:#eabf72}.filter-list button>span{color:#95aaa4}.filter-list button>.icon{color:inherit}.saved-filter[aria-pressed=true]{color:#dc8a71}.sidebar-note{background:#101d23;border-color:#a2b49a4d;color:#a0b9b1;font-size:12px}.sidebar-note strong{color:#a0b9b1;font-size:13px}.sidebar-note>.icon{color:#eabf72}.sidebar-note a{color:#dc8a71}.results-toolbar{color:#a0b9b1;font-size:12px}.results-toolbar select{font-size:12px;background:#101d23;border-color:#78986944;color:#a0b9b1}.results-toolbar b{color:#dc8a71}.listing-end{color:#95aaa4;font-size:12px}.empty-state{background:#101d23;color:#efe8d6}.empty-state button{color:#efe8d6;border-color:#85aa9b55}.learning-banner{background:#101d23;border:0;border-left:4px solid #85aa9b55;padding:32px}.learning-banner h2{color:#efe8d6;font-size:29px}.learning-banner p{color:#a0b9b1;font-size:12px}.learning-banner .overline{color:#dc8a71}.learning-icon{border-color:#97b79566;color:#a0b9b1}.library-toolbar>.muted{color:#95aaa4;font-size:12px}.tutorial-card{background:#101d23;border-color:#8ab4aa26}.tutorial-art{border-bottom:3px solid #85aa9b55}.tutorial-card>div{padding:26px}.tutorial-card h2{color:#efe8d6;font-size:19px}.tutorial-card p{color:#a0b9b1;font-size:13px}.tutorial-read{color:#eabf72;font-size:11px;border-color:#8ab4aa26}.tutorial-read>span{color:#95aaa4}
.download-panel{background:#101d23;border-color:#a2b49a4d;border-top:4px solid #85aa9b55;padding:30px}.download-panel h1{color:#efe8d6;font-size:34px}.download-panel>p{font-size:14px;color:#a0b9b1}.tag{color:#a0b9b1;border-color:#91ad8066;font-size:11px}.download-panel dl{border-color:#62875e33}.download-panel dl>div{font-size:12px}.download-panel dt{color:#95aaa4}.download-panel dd{color:#a0b9b1}.download-panel .green{color:#a0b9b1}.download-panel .download-note{color:#95aaa4;font-size:11px}.download-panel>.text-link{font-size:12px}.detail-cover{border-color:#7b9b6e44;border-bottom:4px solid #85aa9b55}.detail-tabs{border-color:#8ab4aa26}.detail-tabs a{font-size:13px;color:#95aaa4}.detail-tabs a.active{color:#eabf72;border-color:#c65c48}.prose{color:#a0b9b1;font-size:15px;line-height:2.15}.prose h2{color:#efe8d6;font-size:31px}.prose h3{color:#a0b9b1;font-size:19px}.detail-section{border-color:#8ab4aa26}.spec-grid{background:#7c9f6b2a;border-color:#7c9f6b2a}.spec-grid>div{background:#101d23;padding:19px}.spec-grid span{color:#95aaa4;font-size:11px}.spec-grid strong{color:#a0b9b1;font-size:13px}.file-list li{border-color:#8ab4aa26;font-size:13px}.file-list .icon{color:#a0b9b1}.hash-code{background:#101d23;border-color:#8eaa7a33;color:#a0b9b1;font-size:12px}.related-guide{color:#efe8d6;background:#101d23;border-color:#90ae7a44;font-size:14px}.article h1{color:#efe8d6;font-size:45px}.article-summary{color:#a0b9b1;font-size:16px}.article-meta{color:#95aaa4;border-color:#8ab4aa26;font-size:11px}.author-avatar{color:#dc8a71;border-color:#bfa77b66}.copy-page{color:#dc8a71;font-size:11px}.article-cover{border-color:#7c9e6d44}.article-sidebar h2{color:#a0b9b1;font-size:24px}.article-sidebar nav a{color:#a0b9b1;border-color:#8eaa7a44;font-size:12px}.article-sidebar nav a>span{color:#eabf72}.article-sidebar nav a[aria-current]{color:#dc8a71;border-color:#c65c48}.step-label{color:#dc8a71;font-size:11px}.article-end{border-color:#8ab4aa26;color:#95aaa4;font-size:12px}.article-end>a{color:#dc8a71}.article-step{border-color:#8ab4aa26}
.community-intro h2{color:#efe8d6;font-size:45px}.community-intro p{color:#a0b9b1;font-size:15px}.community-values{color:#a0b9b1;font-size:12px}.community-emblem{background:#0d252a;border-color:#85aa9b55;padding:30px 20px;clip-path:polygon(0 0,94% 0,100% 12%,100% 100%,0 100%)}.community-emblem>span{color:#eabf72}.community-form-section{border-color:#8ab4aa26}.community-form-section h2{color:#efe8d6;font-size:32px}.community-form-section p{color:#95aaa4;font-size:14px}.community-form-section form>label,.form-row label{color:#a0b9b1;font-size:13px}.community-form-section input,.community-form-section select,.community-form-section textarea{background:#101d23;border-color:#71976444;color:#a0b9b1;font-size:14px}.community-form-section ::placeholder{color:#95aaa4;font-size:13px}.community-form-section .form-privacy{font-size:12px;color:#95aaa4}.text-button{color:#a0b9b1;font-size:12px}.faq-list details{color:#a0b9b1;border-color:#8ab4aa26;font-size:14px}.faq-list details p{font-size:13px;color:#a0b9b1}.faq-list summary>span{color:#dc8a71}.not-found>span{color:#a0b9b1}.not-found h1{color:#efe8d6}.not-found>p{color:#a0b9b1}
/* The four brand pages keep dark stages for the gold artwork. */
body:is([data-page=symbol],[data-page=combination],[data-page=wordmark],[data-page=story]){background:#080f13;color:#efe8d6}.intro h1{color:#efe8d6}.intro h1 em,.story-hero-copy h1 em{color:#a0b9b1}.intro-description{font-size:14px;color:#a0b9b1}.collection-label{color:#eabf72}.collection-label small{color:#95aaa4}.intro{padding-block:45px}.intro h1{font-size:48px}.studio,.wordmark-workbench,.story-hero-art,.edition-art:not(.paper),.composition-art,.motion-showcase,.app-card,.type-wordmark,.type-specimen,.clearspace-demo,.minimum-demo,.misuse-art,.vis-variant-grid article,.system-lockups>div{--gold:#eabf72;--text:#efe8d6;--muted:#9ab1a8;--line:#82aa9b2b;color:#fff2d2;background-color:#0d252a}.studio{border-color:#85aa9b66}.studio-toolbar,.inspector,.download-bar{background:#0d252a}.preview-surface,.preview-meta,.preview-footer,.wordmark-canvas{background:#0d252a}.variant-choice{background:#0d252a}.variant-choice strong{color:#f3e4c3}.variant-choice small{color:#95aaa4}.variant-choice[aria-pressed=true]{border-color:#eabf72;background:#123337}.segmented{background:#0d252a}.segmented button[aria-pressed=true]{background:#123337}.download-bar strong{color:#fff2d2}.download-actions{color:#95aaa4}.download-primary{background:#eabf72;color:#efe8d6;clip-path:polygon(0 0,100% 0,100% 80%,96% 100%,0 100%);font-size:12px}.download-primary:hover{background:#c65c48;color:#fff2d2}.preview-meta,.preview-footer{color:#95aaa4}.preview-live{color:#95aaa4}.layout-switch button{color:#95aaa4}.layout-switch button[aria-pressed=true]{color:#eabf72;background:#eabf7214;border-color:#eabf7244}.inspector-heading h2{color:#fff2d2}.setting-label>span,.inspector-note,.studio-toolbar-note{color:#95aaa4}.surface-options button{color:#95aaa4}.composition-card{background:#101d23;border-color:#8ab4aa26}.composition-card header{color:#a0b9b1}.composition-card header small{color:#95aaa4}.composition-card>a{color:#a0b9b1;border-color:#8ab4aa26}.composition-card>a span{color:#eabf72}.compositions .section-heading h2,.details-row h2{color:#efe8d6}.details-row>article{background:#101d23;border-color:#8ab4aa26}.details-row p,.asset-card dd{color:#a0b9b1}.details-row .size-samples{background:#0d252a;color:#95aaa4;margin-top:20px}.size-samples figure figcaption{color:#95aaa4}.signature{color:#a0b9b1}.signature-rule{background:#14292c}.story-hero-copy h1{color:#efe8d6;font-size:64px}.story-hero-copy>p:not(.eyebrow){color:#a0b9b1;font-size:15px}.hero-edition{color:#95aaa4}.story-hero-art{border-color:#8ab4aa44}.story-hero-art>span{color:#95aaa4}.vis-index{background:#101d23;border-color:#7393613a}.vis-index a{color:#a0b9b1}.vis-index a>span{color:#eabf72}.vis-index a[aria-current=location]{color:#dc8a71;background:#c65c4809}.brand-section p{color:#a0b9b1}.brand-section .section-heading h2{color:#efe8d6}.brand-section .eyebrow{color:#95aaa4}.story-statement{color:#efe8d6!important}.story-statement em{color:#dc8a71}.principle-grid{background:#101d23;border-color:#7c9e6d3d}.principle-grid article{border-color:#7c9e6d3d}.principle-grid h3{color:#a0b9b1}.principle-grid article>span{color:#eabf72}.principle-grid p{color:#95aaa4}.vis-variant-grid article{border-color:#85aa9b66}.vis-variant-grid article h3{color:#fff2d2}.vis-variant-grid article p{color:#95aaa4}.system-lockups p{color:#eabf72}.system-lockups p>span{color:#95aaa4}.section-more{color:#eabf72}.color-card{background:#101d23;border-color:#8ab4aa26;color:#a0b9b1}.color-card>span,.color-card>small{color:#95aaa4}.type-grid>article{border-color:#73936144}.type-grid>article p{color:#95aaa4}.type-grid>article h3{color:#eabf72}.type-specimen .eyebrow{color:#eabf72}.type-specimen .type-display{color:#fff2d2}.rule-grid>article,.misuse-grid>article{background:#101d23;border-color:#73936144}.rule-grid h3,.misuse-grid h3{color:#a0b9b1}.rule-grid p,.misuse-grid p{color:#a0b9b1}.motion-copy h3{color:#eabf72}.motion-copy p{color:#95aaa4}.motion-copy>.eyebrow{color:#eabf72}.motion-copy .text-link{color:#eabf72}.app-card{border-color:#85aa9b55}.app-card .app-caption{color:#eabf72;background:#0d252a}.app-card .app-caption>span{color:#95aaa4}.brand-download{background:#14292c;border:0}.brand-download h2{color:#efe8d6}.brand-download p,.brand-download .eyebrow{color:#eabf72}.brand-download .download-primary{color:#fff2d2;background:#0d252a}.wordmark-bottom h2,.wordmark-bottom h3,.edition-caption h2{color:#efe8d6}.edition{border-color:#73936144;background:#101d23}.edition-caption p{color:#95aaa4}.edition-caption a{color:#eabf72}.wordmark-guidance{border-color:#73936144}.brand-section .vis-note{color:#95aaa4}.combo-choreography{background:#101d23;border-color:#7c9e6d44}.combo-choreography h2{color:#efe8d6}.combo-choreography p{color:#a0b9b1}.combo-choreography .eyebrow{color:#eabf72}
.motion-notes{background:#0d252a}.motion-notes article>span{color:#eabf72}.motion-notes article p{color:#95aaa4}.motion-preview{background:#0d252a}.combo-choreography b{color:#eabf72}.combo-choreography li span{color:#a0b9b1}
body[data-page-motion=on] .emblem-ribbon path{stroke-dasharray:900;animation:ribbon-travel 13s ease-in-out infinite}.emblem-ribbon path:nth-child(2){animation-delay:-4s}@keyframes ribbon-travel{0%,100%{stroke-dashoffset:0;opacity:.45}50%{stroke-dashoffset:120;opacity:.95}}
@media(min-width:1800px){.home-hero{min-height:790px}.hero-copy h1{font-size:78px}.hero-emblem{min-height:640px}.hero-emblem>img{height:510px}}
@media(max-width:1200px){.qn-brand{width:195px}.qn-primary-nav{gap:23px}.qn-primary-nav>a{font-size:13px}.home-hero{gap:38px;min-height:670px}.hero-copy h1{font-size:58px}.hero-emblem{min-height:555px;padding:25px}.hero-emblem>img{height:430px}.hero-description{font-size:14px}.hero-actions{gap:20px}.hero-actions .button{font-size:12px;padding-inline:20px}.hero-story-link{font-size:12px}.card-body{padding:22px}.card-body h3{font-size:17px}.category-strip>a,.category-strip>a:first-child,.category-strip>a:last-child{padding:24px 20px!important}.category-title{gap:9px}.category-title h2{font-size:24px}.category-strip p{font-size:10px}.brand-credo{gap:20px}.brand-credo h2{font-size:20px}.brand-credo p{font-size:10px}.manifesto-inner{gap:70px}.home-guide-layout{gap:40px}.guide-feature{padding:30px}.guide-feature h3{font-size:29px}.story-hero-copy h1{font-size:56px}}
@media(max-width:1000px){.qn-primary-nav{background:#0d252a;border-color:#669c8644}.qn-primary-nav>a::after{display:none}.qn-header-inner{min-height:90px}.hero-copy h1{font-size:51px}.home-hero{gap:27px;min-height:610px;padding-block:40px}.hero-emblem{min-height:510px;padding:23px}.hero-emblem>img{height:390px}.hero-eyebrow{font-size:10px;gap:12px}.hero-eyebrow small{font-size:7px;letter-spacing:1px}.hero-eyebrow>span{width:32px;height:38px;font-size:20px;line-height:38px}.hero-description{font-size:13px}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;padding-inline:14px;gap:10px}.hero-story-link{font-size:11px}.hero-search input{font-size:12px}.hero-keywords{font-size:10px;gap:14px}.emblem-topline,.emblem-bottomline{font-size:8px}.emblem-topline>span:last-child{display:none}.brand-credo{grid-template-columns:.9fr 1fr 1fr 1fr;gap:18px}.brand-credo>a{display:none}.credo-title{font-size:20px}.brand-credo h2{font-size:18px}.brand-credo p{font-size:9px}.brand-credo>div{gap:1px 6px;grid-template-columns:20px 1fr}.section-heading h2{font-size:35px}.section-heading p{font-size:13px}.category-title h2{font-size:22px}.category-strip p{font-size:9px}.manifesto-inner{gap:50px}.manifesto-copy h2{font-size:42px}.manifesto-art img{width:190px;height:190px}.manifesto-art>span{font-size:21px}.value-line{gap:25px}.value-line p{font-size:11px}.journey-cta h2{font-size:32px}.journey-cta p{font-size:13px}.library-layout{grid-template-columns:185px minmax(0,1fr);gap:25px}.download-panel h1{font-size:29px}.article h1{font-size:39px}}
@media(max-width:800px){.qn-header-inner{min-height:86px}.qn-footer-brand>a{width:240px}.qn-footer-brand>span{font-size:24px}.qn-footer-links h2{font-size:15px}.qn-footer-links a{font-size:12px}.qn-footer-top{padding-block:40px}.qn-site-footer{margin-top:60px}.home-hero{grid-template-columns:1fr 1fr;gap:25px;padding-block:37px;min-height:560px}.hero-copy h1{font-size:42px;letter-spacing:2px}.hero-eyebrow{letter-spacing:1px;margin-bottom:24px}.hero-eyebrow small{font-size:6px;letter-spacing:.5px}.hero-description{font-size:12px}.hero-description br:last-child{display:none}.hero-actions{flex-wrap:wrap;gap:17px;margin-top:23px}.hero-actions .button{font-size:11px;min-height:45px;padding:12px 15px}.hero-emblem{min-height:450px;padding:18px;align-self:center}.hero-emblem>img{height:340px}.emblem-bottomline{gap:10px;font-size:7px;letter-spacing:0}.hero-search{margin-top:19px}.hero-search input{font-size:11px}.hero-keywords{font-size:9px;gap:12px}.brand-credo{gap:17px;padding-block:23px}.credo-title{font-size:18px}.brand-credo h2{font-size:17px}.brand-credo p{font-size:8px}.brand-credo>div{grid-template-columns:1fr;gap:3px}.brand-credo>div>span{grid-row:auto;font-size:9px;line-height:1.3}.section{padding-block:60px}.section-heading h2{font-size:33px}.section-heading p{font-size:12px}.resource-grid{gap:22px}.home-resources .resource-card:last-child{display:grid;grid-template-columns:1fr 1fr}.home-resources .resource-card:last-child .card-art{height:100%;aspect-ratio:auto}.card-body h3{font-size:17px}.card-body>p{font-size:12px;min-height:72px}.category-strip{margin-bottom:55px}.category-strip>a,.category-strip>a:first-child,.category-strip>a:last-child{padding:23px!important}.category-title h2{font-size:25px}.category-strip p{font-size:11px}.category-number{font-size:9px}.manifesto-inner{gap:40px;padding-block:55px}.manifesto-copy h2{font-size:38px}.manifesto-copy p{font-size:12px}.manifesto-art img{width:150px;height:150px}.manifesto-art>span{font-size:18px;letter-spacing:3px}.value-line{gap:20px}.value-line h3{font-size:17px}.value-line p{font-size:10px}.home-guide-layout{grid-template-columns:1fr;gap:33px}.guide-feature{padding:30px}.guide-feature h3{font-size:29px}.guide-feature h3 br{display:none}.guide-feature-mark{font-size:190px;right:10px;top:-15px}.guide-feature p br{display:none}.guide-row h3{font-size:19px}.journey-cta{padding:30px}.journey-cta h2{font-size:28px}.journey-cta p{font-size:12px}.journey-cta .button{font-size:12px;padding:13px 20px}.page-heading h1{font-size:46px}.page-heading>p{font-size:14px}.library-layout{grid-template-columns:1fr}.filter-list button{font-size:12px}.saved-filter{font-size:12px}.library-sidebar{gap:15px}.download-panel h1{font-size:32px}.article h1{font-size:38px}.article-sidebar nav a{font-size:11px}.community-intro h2{font-size:37px}.community-intro p{font-size:13px}.community-form-section h2{font-size:30px}.story-hero-copy h1{font-size:46px}.intro h1{font-size:37px}.intro-description{font-size:12px}.brand-subnav a{font-size:11px}}
@media(max-width:600px){.home-hero{grid-template-columns:1fr;gap:35px;padding-block:32px}.hero-copy h1{font-size:55px;letter-spacing:3px;line-height:1.4}.hero-eyebrow{font-size:11px;gap:13px;margin-bottom:23px}.hero-eyebrow small{font-size:7px;letter-spacing:1.3px}.hero-eyebrow>span{width:34px;height:40px;font-size:22px;line-height:40px}.hero-description{font-size:14px;margin-top:25px;line-height:2}.hero-actions{gap:25px;margin-top:24px;flex-wrap:nowrap}.hero-actions .button{font-size:13px;padding:14px 20px;gap:14px;min-height:49px}.hero-story-link{font-size:12px}.hero-story-link span{margin-left:13px}.hero-search{max-width:none;margin-top:22px}.hero-search input{font-size:12px}.hero-keywords{font-size:10px;gap:18px}.hero-keywords>span{display:inline}.hero-emblem{min-height:450px;padding:22px 24px;align-self:stretch}.hero-emblem>img{height:355px}.emblem-topline,.emblem-bottomline{font-size:9px;letter-spacing:.3px}.emblem-topline>span:last-child{display:inline}.emblem-bottomline{gap:12px}.brand-credo{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;padding:22px 0}.credo-title{grid-column:1/-1;border:0;font:20px/1.6 var(--serif);letter-spacing:1px;display:flex;gap:15px}.credo-title br{display:none}.brand-credo>div{gap:4px}.brand-credo h2{font-size:19px}.brand-credo p{font-size:9px;line-height:1.8;max-width:9em}.brand-credo>div>span{font-size:10px}.section-heading{gap:18px}.section-heading h2{font-size:31px}.section-heading p{font-size:12px;line-height:1.9}.section-heading>.text-link{font-size:12px}.overline{font-size:9px;letter-spacing:1.5px}.resource-grid{grid-template-columns:1fr;gap:25px}.home-resources .resource-card:last-child{display:block;grid-column:auto}.home-resources .resource-card:last-child .card-art{height:auto;aspect-ratio:1.65}.card-body{padding:23px}.card-body h3{font-size:19px}.card-body>p{font-size:13px;min-height:auto}.card-bottom>span{font-size:10px}.card-bottom{margin-top:20px}.category-strip{clip-path:none;margin-bottom:50px}.category-strip>a,.category-strip>a:first-child,.category-strip>a:last-child{padding:21px 17px!important}.category-title{gap:8px}.category-title h2{font-size:23px}.category-title>.icon{width:22px;height:22px}.category-title>.icon:last-child{width:16px}.category-strip p{font-size:10px}.category-number{font-size:8px;letter-spacing:.5px}.category-strip small{font-size:10px}.manifesto-inner{grid-template-columns:1fr;gap:33px;padding-block:48px}.manifesto-copy h2{font-size:39px;letter-spacing:1px;margin:20px 0}.manifesto-copy p{font-size:13px}.manifesto-copy>.text-link{font-size:13px;margin-top:24px}.manifesto-art img{width:205px;height:205px}.manifesto-art>span{font-size:23px;margin-right:22px}.value-line{gap:24px;align-items:center;padding-block:18px}.value-line h3{font-size:19px}.value-line p{font-size:11px}.guide-feature h3{font-size:27px}.guide-feature{padding:27px}.guide-feature p{font-size:12px}.guide-feature>.text-link{font-size:12px}.guide-row{gap:18px;padding-block:24px}.guide-number{font-size:27px}.guide-row h3{font-size:18px}.guide-row p{font-size:12px}.guide-meta{font-size:10px}.guide-row>.icon{width:18px}.journey-cta{flex-direction:column;align-items:flex-start;padding:31px 27px;gap:26px}.journey-cta h2{font-size:31px}.journey-cta p{font-size:13px}.journey-cta .overline{font-size:8px;letter-spacing:1px}.journey-cta>.button{font-size:13px;padding:14px 23px}.page-heading{padding-top:25px;padding-bottom:35px}.page-heading h1{font-size:44px}.page-heading>p{font-size:13px}.breadcrumb{font-size:11px}.library-search input{font-size:13px}.filter-list{gap:6px}.filter-list button{font-size:11px;padding:9px 10px;gap:6px}.saved-filter{font-size:11px}.results-toolbar{font-size:11px}.results-toolbar select{font-size:11px}.learning-banner{padding:27px 23px}.learning-banner h2{font-size:26px}.learning-banner p{font-size:11px}.learning-banner .button{font-size:12px}.tutorial-card>div{padding:23px}.tutorial-card h2{font-size:20px}.tutorial-card p{font-size:13px}.tutorial-read{font-size:12px}.download-panel{padding:25px 23px}.download-panel h1{font-size:29px}.download-panel>p{font-size:13px}.download-panel dl>div{font-size:12px}.download-panel .button{font-size:13px}.prose{font-size:14px;line-height:2.1}.prose h2{font-size:27px}.prose h3{font-size:18px}.spec-grid strong{font-size:12px}.hash-code{font-size:11px}.related-guide{font-size:12px;padding:18px}.article h1{font-size:33px}.article-summary{font-size:14px}.article-meta{font-size:10px}.copy-page{font-size:10px}.article-sidebar nav a{font-size:10px}.community-intro h2{font-size:38px}.community-intro p{font-size:14px}.community-values{font-size:11px}.community-emblem>span{font-size:19px}.community-form-section h2{font-size:29px}.community-form-section p{font-size:13px}.community-form-section input,.community-form-section select,.community-form-section textarea{font-size:14px;padding:13px}.community-form-section ::placeholder{font-size:12px}.form-actions>.button{font-size:12px;padding-inline:19px}.community-form-section .form-privacy{font-size:11px}.faq-list details{font-size:13px}.faq-list details p{font-size:13px}.brand-subnav{gap:0}.brand-subnav a{font-size:10px}.intro h1{font-size:32px}.intro-description{font-size:12px}.story-hero-copy h1{font-size:44px}.story-hero-copy>p:not(.eyebrow){font-size:13px}.brand-section .section-heading h2{font-size:28px}.brand-section p{font-size:12px}.qn-footer-brand>a{width:235px}.qn-footer-brand>p{font-size:13px}.qn-footer-brand>span{font-size:23px}.qn-footer-links{gap:15px}.qn-footer-links h2{font-size:14px}.qn-footer-links a{font-size:11px}.qn-footer-bottom{font-size:10px;gap:11px}.qn-site-footer{margin-top:50px}.search-result{font-size:14px}}
@media(max-width:520px){.qn-brand{width:154px}.qn-header-inner{min-height:82px}.hero-copy h1{font-size:51px}.hero-emblem{min-height:425px;padding:22px}.hero-emblem>img{height:330px}.section{padding-block:48px}.category-title h2{font-size:21px}.category-strip p{font-size:9px}.category-strip>a,.category-strip>a:first-child,.category-strip>a:last-child{padding:21px 14px!important}.qn-header-actions .motion-toggle{font-size:9px}.emblem-topline,.emblem-bottomline{font-size:8px}}
@media(max-width:360px){.qn-brand{width:132px}.hero-copy h1{font-size:44px}.hero-actions{gap:17px}.hero-actions .button{font-size:11px;padding:13px 16px;gap:10px}.hero-story-link{font-size:11px}.hero-keywords{font-size:9px;gap:13px}.hero-emblem{min-height:375px;padding:18px}.hero-emblem>img{height:285px}.emblem-topline,.emblem-bottomline{font-size:7px}.category-title h2{font-size:19px}.category-title{gap:6px}.category-title>.icon:last-child{width:13px}.category-number{font-size:7px}.category-strip p{font-size:8px}.brand-credo h2{font-size:17px}.brand-credo p{font-size:8px}.manifesto-copy h2{font-size:34px}.manifesto-art img{width:180px;height:180px}.manifesto-art>span{font-size:20px;margin-right:12px}.value-line{gap:18px}.value-line h3{font-size:17px}.value-line p{font-size:10px}.qn-footer-links a{font-size:10px}}
@media(prefers-reduced-motion:reduce){.emblem-ribbon path{animation:none!important}.resource-card:hover{transform:none}}
.app-web .web-frame{background:#080f13}.app-web .mock-site-nav{background:#0d252a}.app-web .mock-web-hero h3{color:#efe8d6}.app-web .mock-web-hero small{color:#95aaa4}.app-web .mock-web-hero>img{background:#0d252a;clip-path:polygon(0 0,95% 0,100% 8%,100% 100%,0 100%)}.app-web .mock-resource-lines>span{background:#101d23;border-color:#98ae8544}
@media print{body{background:white}.hero-emblem,.emblem-fold,.emblem-ribbon{display:none}.prose,.prose h2,.article h1{color:#111}.brand-manifesto{background:white;color:#111}}