:root{--motif-border-focus-offset:2px;--motif-border-focus-width:2px;--motif-border-source-focus-offset:2px;--motif-border-source-focus-width:2px;--motif-color-action-primary:#2e0f3d;--motif-color-action-secondary:#c8a4e6;--motif-color-border:#2e0f3d;--motif-color-feedback-error:#ff5a3c;--motif-color-feedback-success:#2e0f3d;--motif-color-feedback-warning:#ff5a3c;--motif-color-focus:#ff5a3c;--motif-color-source-aubergine:#2e0f3d;--motif-color-source-coral:#ff5a3c;--motif-color-source-lilac:#c8a4e6;--motif-color-source-near-black:#171219;--motif-color-source-parchment:#f7ebdd;--motif-color-source-white:#fff;--motif-color-surface-ground:#f7ebdd;--motif-color-surface-raised:#fff;--motif-color-text-inverse:#fff;--motif-color-text-primary:#2e0f3d;--motif-component-action-container-color-default:#2e0f3d;--motif-component-action-container-color-secondary:#c8a4e6;--motif-component-action-container-inset:16px;--motif-component-action-label-color:#fff;--motif-component-checkbox-border:#2e0f3d;--motif-component-checkbox-checked:#2e0f3d;--motif-component-checkbox-focus:#ff5a3c;--motif-component-disclosure-motion-enter:.26s;--motif-component-disclosure-surface:#fff;--motif-component-disclosure-text:#2e0f3d;--motif-component-feedback-error:#ff5a3c;--motif-component-feedback-success:#2e0f3d;--motif-component-feedback-warning:#ff5a3c;--motif-component-field-border:#2e0f3d;--motif-component-field-focus:#ff5a3c;--motif-component-field-inset:16px;--motif-component-field-surface:#fff;--motif-component-field-text:#2e0f3d;--motif-component-guide-navigation-focus:#ff5a3c;--motif-component-guide-navigation-gap:16px;--motif-component-guide-navigation-surface:#f7ebdd;--motif-component-guide-navigation-text:#2e0f3d;--motif-font-family-editorial:Georgia, "Times New Roman", serif;--motif-font-family-operational:Figtree, Arial, Helvetica, sans-serif;--motif-font-family-source-sans:Figtree, Arial, Helvetica, sans-serif;--motif-font-family-source-serif:Georgia, "Times New Roman", serif;--motif-font-weight-body:400;--motif-font-weight-label:700;--motif-font-weight-source-bold:700;--motif-font-weight-source-medium:500;--motif-font-weight-source-regular:400;--motif-font-weight-source-semibold:600;--motif-mode-compact-layout-gutter-page:16px;--motif-mode-compact-layout-section:64px;--motif-mode-expanded-layout-gutter-page:48px;--motif-mode-expanded-layout-section:64px;--motif-mode-reduced-motion-motion-action-press:0s;--motif-mode-reduced-motion-motion-chapter-crossing:0s;--motif-mode-reduced-motion-motion-disclosure-enter:0s;--motif-mode-reduced-motion-motion-editorial-arrive:0s;--motif-mode-standard-layout-gutter-page:32px;--motif-mode-standard-layout-section:64px;--motif-motion-action-press:.16s;--motif-motion-chapter-crossing:1s;--motif-motion-delay-stagger-short:40ms;--motif-motion-disclosure-enter:.26s;--motif-motion-distance-functional:8px;--motif-motion-distance-press:1px;--motif-motion-distance-reveal:14px;--motif-motion-distance-signature:12px;--motif-motion-duration-editorial:.76s;--motif-motion-duration-feedback:.16s;--motif-motion-duration-functional:.26s;--motif-motion-duration-instant:0s;--motif-motion-duration-reveal:.52s;--motif-motion-duration-signature:1s;--motif-motion-ease-editorial:cubic-bezier(.22, .75, .2, 1);--motif-motion-ease-feedback:cubic-bezier(.2, 0, 0, 1);--motif-motion-ease-functional:cubic-bezier(.22, .75, .2, 1);--motif-motion-ease-signature:cubic-bezier(.22, .75, .2, 1);--motif-motion-editorial-arrive:.52s;--motif-motion-reduced-instant:0s;--motif-space-gutter-page:32px;--motif-space-gutter-page-expanded:48px;--motif-space-inset-control-block:12px;--motif-space-inset-control-inline:16px;--motif-space-source-100:4px;--motif-space-source-200:8px;--motif-space-source-300:12px;--motif-space-source-400:16px;--motif-space-source-500:24px;--motif-space-source-600:32px;--motif-space-source-700:48px;--motif-space-source-800:64px;--motif-space-stack-component:16px;--motif-space-stack-section:64px;--motif-space-stack-section-expanded:64px}.guide{--guide-border:color-mix(in srgb,var(--motif-color-border) 25%,transparent);--guide-border-subtle:color-mix(in srgb,var(--motif-color-border) 18%,transparent);--guide-border-strong:color-mix(in srgb,var(--motif-color-border) 35%,transparent);--guide-inverse-border:color-mix(in srgb,var(--motif-color-text-inverse) 40%,transparent);--guide-muted:color-mix(in srgb,var(--motif-color-text-primary) 70%,var(--motif-color-source-lilac));--guide-overlay:color-mix(in srgb,var(--motif-color-surface-ground) 94%,transparent);--guide-radius-control:4px;--guide-radius-panel:8px;--guide-radius-card:16px;--guide-radius-photo:min(20%,96px);--guide-radius-photo-compact:min(20%,72px);--guide-radius-figure:min(12%,72px);--guide-radius-pill:999px;background:var(--motif-color-surface-ground);color:var(--motif-color-text-primary);font-family:var(--motif-font-family-operational);line-height:1.5}.guide *{box-sizing:border-box}.guide-topbar{border-bottom:1px solid var(--guide-border);background:var(--motif-color-surface-ground);min-height:76px;color:var(--motif-color-text-primary);justify-content:space-between;align-items:center;padding:20px clamp(22px,5vw,76px);display:flex;position:relative}.guide-topbar img{filter:none;width:128px;display:block}.guide-topbar span,.guide-kicker,.guide-nav>p,.guide-section-head>p,.registers article>span,.type-specimens span,.surface-list article>span,.review-box>span{letter-spacing:.13em;text-transform:uppercase;font-size:.72rem;font-weight:800}.guide-hero{min-height:680px;padding:clamp(80px,10vw,150px) clamp(var(--motif-space-source-500),8vw,120px);align-items:end;gap:clamp(var(--motif-space-source-700),9vw,140px);background:var(--motif-color-text-primary);color:var(--motif-color-text-inverse);grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);display:grid;position:relative;overflow:hidden}.guide-hero:after{content:"";border:clamp(20px,3vw,42px) solid var(--motif-color-source-coral);border-left-color:var(--motif-color-source-lilac);opacity:.9;border-radius:50%;width:36%;height:95%;position:absolute;top:-5%;right:-8%;transform:rotate(19deg)}.guide-hero>div{z-index:1;position:relative}.guide-kicker{color:var(--motif-color-source-lilac)}.guide h1,.guide h2,.guide-deck,.guide-principle p,.guide blockquote,.editorial-register h3,.type-specimens .serif p{font-family:var(--motif-font-family-editorial);font-weight:400}.guide h1{margin:22px 0 var(--motif-space-source-600);letter-spacing:-.06em;max-width:10ch;font-size:clamp(4rem,9vw,8.5rem);line-height:.85}.guide-deck{max-width:690px;margin:0;font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1.15}.guide-principle{padding:var(--motif-space-source-600) 0;border-top:1px solid var(--guide-inverse-border);border-bottom:1px solid var(--guide-inverse-border)}.guide-principle p{margin:var(--motif-space-source-200) 0;font-size:clamp(1.3rem,1.8vw,1.8rem)}.guide-shell{grid-template-columns:240px minmax(0,1fr);align-items:start;max-width:1600px;margin:0 auto;display:grid}.guide-nav{padding:var(--motif-space-source-700) var(--motif-space-source-600);border-right:1px solid var(--guide-border-subtle);max-height:100vh;position:sticky;top:0;overflow:auto}.guide-nav>p{margin:0 0 var(--motif-space-source-500)}.guide-nav a{padding:var(--motif-space-source-200) 0;color:inherit;gap:14px;font-size:.9rem;font-weight:700;text-decoration:none;display:flex}.guide-nav a span{width:22px;color:var(--guide-muted);font-variant-numeric:tabular-nums}.guide-nav a:hover{text-underline-offset:var(--motif-space-source-100);text-decoration:underline}:is(.guide-nav a:focus-visible,.guide a:focus-visible,.guide button:focus-visible,.guide summary:focus-visible,.guide input:focus-visible){outline:var(--motif-border-focus-width) solid var(--motif-color-focus);outline-offset:var(--motif-border-focus-offset)}.guide-content{min-width:0}.guide-section{padding:clamp(72px,9vw,132px) clamp(var(--motif-space-source-500),7vw,110px);border-bottom:1px solid var(--guide-border-subtle);scroll-margin-top:20px}.guide-section-head{margin-bottom:clamp(var(--motif-space-source-700),7vw,88px);grid-template-columns:40px 150px minmax(0,1fr);gap:20px;display:grid}.guide-section-head>span{font-variant-numeric:tabular-nums;font-weight:800}.guide-section-head>p{margin:3px 0 0}.guide-section-head h2{letter-spacing:-.045em;max-width:850px;margin:0;font-size:clamp(2.6rem,5.5vw,5.5rem);line-height:.94}.guide-lead{max-width:820px;font-size:clamp(1.25rem,2vw,1.8rem);line-height:1.4}.guide-steps{border-top:1px solid var(--guide-border-strong);counter-reset:steps;margin:0;padding:0;list-style:none}.guide-steps li{padding:var(--motif-space-source-500) 0;border-bottom:1px solid var(--guide-border-strong);grid-template-columns:minmax(220px,.55fr) minmax(0,1fr);gap:30px;display:grid}.guide-steps strong{font-size:1.15rem}.guide-steps span{font-size:1.1rem}.trait-grid,.profile-grid,.access-grid,.surface-list{margin-top:var(--motif-space-source-700);background:var(--guide-border);border:1px solid var(--guide-border);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.trait-grid article,.profile-grid article,.access-grid article,.surface-list article{background:var(--motif-color-surface-ground);padding:28px}.trait-grid h3,.profile-grid h3,.access-grid h3,.surface-list h3{margin:0 0 var(--motif-space-source-300);font-size:1.35rem}.trait-grid p,.profile-grid p,.access-grid p,.surface-list p{margin:0}.trait-grid small{color:var(--guide-muted);margin-top:20px;display:block}.guide-callout{margin:clamp(var(--motif-space-source-700),7vw,80px) 0 0;padding:clamp(28px,4vw,var(--motif-space-source-700));background:var(--motif-color-text-primary);color:var(--motif-color-text-inverse);grid-template-columns:minmax(200px,.55fr) minmax(0,1fr);gap:40px;display:grid}.guide-callout h3{font-family:var(--motif-font-family-editorial);margin:0;font-size:clamp(2rem,3vw,3rem);font-weight:400;line-height:1}.guide-callout p{max-width:660px;margin:0;font-size:1.12rem}.tone-table{margin-top:var(--motif-space-source-700);border-top:1px solid var(--guide-border-strong)}.tone-table>div{gap:var(--motif-space-source-500);border-bottom:1px solid var(--guide-border-strong);grid-template-columns:150px 220px minmax(0,1fr);padding:20px 0;display:grid}.tone-table p{margin:0}.truth-architecture{margin-top:var(--motif-space-source-800);padding:clamp(28px,4vw,var(--motif-space-source-700));background:var(--motif-color-source-lilac)}.truth-architecture h3{margin-top:0;font-size:1.5rem}.truth-architecture ol{gap:var(--motif-space-source-300);grid-template-columns:repeat(4,1fr);padding-left:20px;display:grid}.guide blockquote{margin:var(--motif-space-source-800) 0 0;padding:clamp(var(--motif-space-source-600),5vw,var(--motif-space-source-800));border-left:10px solid var(--motif-color-source-coral);background:var(--motif-color-text-inverse);font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.18}.guide blockquote>span{margin-bottom:var(--motif-space-source-500);font-family:var(--motif-font-family-operational);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:800;display:block}.language-columns,.do-dont{gap:var(--motif-space-source-500);margin-top:var(--motif-space-source-700);grid-template-columns:1fr 1fr;display:grid}.language-columns>div,.do-dont>div{border:1px solid var(--guide-border);padding:28px}.language-columns h3,.do-dont h3{margin:0 0 var(--motif-space-source-300)}.registers{gap:var(--motif-space-source-500);grid-template-columns:1fr 1fr;display:grid}.registers article{min-height:310px;padding:clamp(28px,4vw,var(--motif-space-source-700));flex-direction:column;justify-content:flex-end;display:flex}.editorial-register{background:var(--motif-color-text-primary);color:var(--motif-color-text-inverse)}.operational-register{background:var(--motif-color-text-inverse);border:1px solid var(--guide-border)}.registers h3{margin:18px 0;font-size:clamp(2.5rem,4vw,4.5rem);line-height:.92}.registers p{font-size:1.1rem}.rule-line{margin:var(--motif-space-source-700) 0 0;padding:var(--motif-space-source-500) 0;border-top:1px solid var(--guide-border-strong);border-bottom:1px solid var(--guide-border-strong);font-size:1.12rem}.profile-grid article>span{font-size:.75rem;font-weight:800}.overlay-note{max-width:760px;margin:var(--motif-space-source-600) 0 0}.compact-rules{gap:var(--motif-space-source-500);margin-top:var(--motif-space-source-500);grid-template-columns:repeat(3,1fr);display:grid}.compact-rules p{padding:var(--motif-space-source-500);border:1px solid var(--guide-border-subtle)}.swatches{gap:var(--motif-space-source-300);grid-template-columns:repeat(3,1fr);display:grid}.swatches article{min-height:210px;padding:var(--motif-space-source-500);border:1px solid var(--guide-border-subtle);flex-direction:column;justify-content:flex-end;display:flex}.swatches article span{text-transform:uppercase;font-size:.72rem;font-weight:800}.swatches h3{margin:var(--motif-space-source-200) 0;font-size:1.3rem}.swatches code{font-size:1rem}.contrast-pairs{gap:var(--motif-space-source-300);margin-top:var(--motif-space-source-600);grid-template-columns:repeat(4,1fr);display:grid}.contrast-pairs p{background:var(--motif-color-text-inverse);padding:18px}.contrast-pairs b{font-size:1.4rem;display:block}.evidence-note{max-width:800px;margin-top:var(--motif-space-source-500);line-height:1.5;display:block}.type-specimens{gap:var(--motif-space-source-500);grid-template-columns:1fr 1fr;display:grid}.type-specimens>div{padding:clamp(28px,4vw,var(--motif-space-source-700));background:var(--motif-color-text-inverse)}.type-specimens .serif{background:var(--motif-color-text-primary);color:var(--motif-color-text-inverse)}.type-specimens p{letter-spacing:-.05em;margin:20px 0;font-size:clamp(4rem,7vw,7.5rem);line-height:.8}.type-specimens small{font-size:1rem}.type-table{margin-top:var(--motif-space-source-600);border-top:1px solid var(--guide-border-strong)}.type-table>div{gap:var(--motif-space-source-500);border-bottom:1px solid var(--guide-border-strong);grid-template-columns:150px 170px minmax(0,1fr);padding:18px 0;display:grid}.interrupt-demo{grid-template-columns:repeat(3,1fr);gap:20px;height:300px;display:grid;position:relative;overflow:hidden}.interrupt-demo i{background:var(--motif-color-source-lilac);border-radius:160px}.interrupt-demo b{background:var(--motif-color-source-coral);border-radius:50%;height:38px;position:absolute;top:46%;left:-5%;right:-5%;transform:rotate(-8deg)}.interrupt-list{margin-top:var(--motif-space-source-500);grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.radius-row{align-items:flex-end;gap:var(--motif-space-source-500);margin-top:var(--motif-space-source-700);display:flex}.radius-row>span{background:var(--motif-color-text-inverse);border:1px solid var(--guide-border-subtle);flex-direction:column;justify-content:flex-end;width:150px;height:110px;padding:18px;display:flex}.r-control{border-radius:var(--guide-radius-control)!important}.r-panel{border-radius:var(--guide-radius-panel)!important}.r-card{border-radius:var(--guide-radius-card)!important}.r-photo{border-radius:var(--guide-radius-photo)!important;height:160px!important}.guide-photo-grid{gap:var(--motif-space-source-500);grid-template-columns:1fr 1fr;display:grid}.guide-photo-grid figure{border-radius:var(--guide-radius-figure);background:var(--motif-color-source-near-black);min-height:420px;margin:0;position:relative;overflow:hidden}.guide-photo-grid figure:first-child{border-radius:var(--guide-radius-photo);grid-row:span 2;min-height:864px}.guide-photo-grid img{object-fit:cover;width:100%;height:100%}.guide-photo-grid figure:first-child img{object-position:center}.guide-photo-grid figcaption{padding:var(--motif-space-source-400);background:var(--guide-overlay);color:var(--motif-color-text-primary);border-radius:var(--guide-radius-panel);flex-direction:column;display:flex;position:absolute;inset:auto 18px 18px}.motion-tiers{background:var(--guide-border);border:1px solid var(--guide-border);grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.motion-tiers p{background:var(--motif-color-text-inverse);flex-direction:column;min-height:190px;margin:0;padding:20px;display:flex}.motion-tiers span{font-family:var(--motif-font-family-editorial);font-size:2rem}.motion-tiers b{margin-top:auto}.motion-tiers small{margin-top:6px}.component-demo{background:var(--motif-color-text-inverse);flex-wrap:wrap;gap:20px;max-width:760px;padding:clamp(28px,5vw,56px);display:flex}.component-demo button{min-height:52px;padding:14px var(--motif-space-source-500);border:2px solid var(--motif-color-text-primary);border-radius:var(--guide-radius-pill);background:var(--motif-color-text-primary);color:var(--motif-color-text-inverse);font:var(--motif-font-weight-label) 1rem var(--motif-font-family-operational)}.component-demo button.secondary{color:var(--motif-color-text-primary);background:0 0}.component-demo label{flex-direction:column;flex-basis:100%;gap:10px;font-size:.85rem;font-weight:800;display:flex}.component-demo input{min-height:52px;padding:14px var(--motif-space-source-400);border:1px solid color-mix(in srgb,var(--motif-color-border) 45%,transparent);border-radius:var(--guide-radius-control);font:1rem var(--motif-font-family-operational)}.component-demo details{border-top:1px solid var(--guide-border-strong);border-bottom:1px solid var(--guide-border-strong);flex-basis:100%}.component-demo summary{cursor:pointer;font-family:var(--motif-font-family-editorial);padding:20px 0;font-size:1.5rem}.check-list{gap:var(--motif-space-source-300);margin:var(--motif-space-source-600) 0 0;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;display:grid}.check-list li{background:var(--motif-color-source-lilac);padding:20px}.access-grid{grid-template-columns:1fr 1fr}.surface-list{grid-template-columns:repeat(2,1fr)}.status-grid{gap:var(--motif-space-source-300);grid-template-columns:repeat(4,1fr);display:grid}.status-grid article{padding:var(--motif-space-source-500);background:var(--motif-color-text-inverse)}.status-grid b{font-size:1.2rem}.review-box{margin-top:var(--motif-space-source-800);background:var(--motif-color-text-primary);color:var(--motif-color-text-inverse);padding:clamp(36px,6vw,72px)}.review-box h3{max-width:720px;margin:var(--motif-space-source-400) 0;font-family:var(--motif-font-family-editorial);font-size:clamp(2.6rem,5vw,5rem);font-weight:400;line-height:.95}.review-box p{max-width:720px;font-size:1.15rem}.review-box a{margin-top:var(--motif-space-source-500);color:var(--motif-color-text-inverse);text-underline-offset:var(--motif-space-source-100);font-weight:800;display:inline-block}@media (max-width:1000px){.guide-shell{grid-template-columns:1fr}.guide-nav{padding:22px var(--motif-space-source-500);border-right:0;border-bottom:1px solid var(--guide-border-subtle);gap:18px;max-height:none;display:flex;position:relative;overflow:auto}.guide-nav>p{display:none}.guide-nav a{flex:none}.guide-section-head{grid-template-columns:40px minmax(0,1fr)}.guide-section-head h2{grid-column:1/-1}.trait-grid,.profile-grid,.truth-architecture ol{grid-template-columns:repeat(2,1fr)}.motion-tiers{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.guide-topbar{min-height:66px;padding:18px 20px}.guide-topbar img{width:108px}.guide-topbar span{font-size:.62rem}.guide-hero{min-height:720px;padding:100px var(--motif-space-source-500) 58px;grid-template-columns:1fr;align-items:end}.guide-hero:after{opacity:.55;width:90%;height:72%;top:-12%;right:-45%}.guide h1{font-size:clamp(3.5rem,18vw,5.5rem)}.guide-deck{font-size:1.45rem}.guide-principle{padding:22px 0}.guide-nav{padding-inline:20px}.guide-nav a span{display:none}.guide-section{padding:72px var(--motif-space-source-500)}.guide-section-head{grid-template-columns:var(--motif-space-source-600) minmax(0,1fr);gap:var(--motif-space-source-300);margin-bottom:var(--motif-space-source-700)}.guide-section-head h2{font-size:clamp(2.5rem,12vw,4rem)}.guide-steps li{gap:var(--motif-space-source-200);grid-template-columns:1fr}.trait-grid,.profile-grid,.registers,.type-specimens,.language-columns,.do-dont,.access-grid,.surface-list{grid-template-columns:1fr}.guide-callout{grid-template-columns:1fr;gap:20px}.tone-table>div{grid-template-columns:1fr;gap:5px}.truth-architecture ol,.compact-rules,.contrast-pairs,.check-list{grid-template-columns:1fr}.swatches{grid-template-columns:1fr 1fr}.swatches article{min-height:160px}.type-specimens p{font-size:4rem}.type-table>div{grid-template-columns:1fr;gap:6px}.interrupt-demo{grid-template-columns:repeat(3,1fr);gap:10px;height:220px}.interrupt-list{grid-template-columns:1fr 1fr}.radius-row{grid-template-columns:1fr 1fr;display:grid}.radius-row>span{width:100%}.guide-photo-grid{grid-template-columns:1fr}.guide-photo-grid figure,.guide-photo-grid figure:first-child{border-radius:var(--guide-radius-photo-compact);grid-row:auto;min-height:520px}.motion-tiers{grid-template-columns:1fr 1fr}.motion-tiers p{min-height:150px}.status-grid{grid-template-columns:1fr 1fr}.component-demo button{width:100%}}@media (max-width:400px){.swatches,.interrupt-list,.motion-tiers,.status-grid{grid-template-columns:1fr}.guide-photo-grid figure,.guide-photo-grid figure:first-child{min-height:440px}.guide h1{font-size:3.5rem}}@media (prefers-reduced-motion:reduce){.guide *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.guide-hero,.editorial-register,.guide-callout,.review-box{color:canvastext;background:canvas;border:2px solid canvastext}.guide-hero:after,.interrupt-demo b{display:none}.component-demo button{forced-color-adjust:auto}.guide-photo-grid figcaption{color:canvastext;background:canvas}}.token-layers{gap:var(--motif-space-source-300);grid-template-columns:repeat(4,1fr);margin-top:40px;display:grid}.token-layers article,.component-inventory article,.content-rules article,.resource-grid article{background:var(--motif-color-text-inverse);border:1px solid var(--guide-border-subtle);padding:26px}.token-layers h3,.component-inventory h3,.content-rules h3,.resource-grid h3{margin:0 0 10px;font-size:1.2rem}.token-layers p,.component-inventory p,.content-rules p,.resource-grid p{margin:0}.token-sample{margin-top:var(--motif-space-source-600);border-top:1px solid var(--guide-border-strong)}.token-sample>div{gap:var(--motif-space-source-500);border-bottom:1px solid var(--guide-border-strong);grid-template-columns:minmax(160px,.4fr) minmax(0,1fr);padding:17px 0;display:grid}.token-sample code{overflow-wrap:anywhere}.download-row{gap:var(--motif-space-source-300);margin-top:var(--motif-space-source-600);flex-wrap:wrap;display:flex}.download-row a{padding:var(--motif-space-source-300) 18px;border:2px solid var(--motif-color-text-primary);border-radius:var(--guide-radius-pill);color:inherit;font-weight:800;text-decoration:none}.download-row a:hover{background:var(--motif-color-text-primary);color:var(--motif-color-text-inverse)}.component-inventory{gap:var(--motif-space-source-300);grid-template-columns:repeat(3,1fr);margin:40px 0;display:grid}.state-matrix{border-top:1px solid var(--guide-border-strong)}.state-matrix>div{gap:var(--motif-space-source-500);border-bottom:1px solid var(--guide-border-strong);grid-template-columns:150px minmax(0,1fr) minmax(0,1fr);padding:18px 0;display:grid}.state-matrix p{margin:0}.content-rules{gap:var(--motif-space-source-300);grid-template-columns:repeat(4,1fr);margin-top:40px;display:grid}.microcopy-table{border-top:1px solid var(--guide-border-strong);margin-top:40px}.microcopy-table>div{gap:var(--motif-space-source-500);border-bottom:1px solid var(--guide-border-strong);grid-template-columns:160px minmax(0,1fr) minmax(0,1fr);padding:18px 0;display:grid}.microcopy-table p{margin:0}.resource-grid{gap:var(--motif-space-source-300);grid-template-columns:repeat(3,1fr);margin-top:40px;display:grid}.resource-grid a{color:inherit;text-underline-offset:var(--motif-space-source-100);margin-top:18px;font-weight:800;display:inline-block}.resource-note{border-left:6px solid var(--motif-color-source-coral);background:var(--motif-color-text-inverse);margin-top:28px;padding:22px}@media (max-width:1000px){.token-layers{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.token-layers,.component-inventory,.content-rules,.resource-grid{grid-template-columns:1fr}.token-sample>div,.state-matrix>div,.microcopy-table>div{grid-template-columns:1fr;gap:6px}}.guide-section-title-row{justify-content:space-between;align-items:flex-start;gap:var(--motif-space-stack-component);display:flex}.guide-section-orientation{max-width:720px;margin:var(--motif-space-source-400) 0 0;font-size:1.05rem;line-height:1.5}.guide-status{min-height:var(--motif-space-source-500);padding:var(--motif-space-source-100) var(--motif-space-source-200);border-radius:var(--guide-radius-pill);font-family:var(--motif-font-family-operational);font-size:.68rem;font-weight:var(--motif-font-weight-label);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border:1px solid;align-items:center;line-height:1;display:inline-flex}.guide-status--approved{color:var(--motif-color-text-primary)}.guide-status--candidate{color:var(--motif-color-text-primary);border-style:dashed}.guide-status--draft{color:var(--motif-color-text-primary)}.guide-status--in-testing{color:var(--motif-color-text-primary);border-style:dotted}.guide-status--being-replaced{color:var(--guide-muted)}.guide-status--not-available{color:var(--motif-color-feedback-error)}.download-row .guide-status{margin-left:var(--motif-space-source-100)}.guide blockquote .guide-status{font-size:.62rem}@media (max-width:700px){.guide-section-title-row{flex-direction:column}.guide-section-orientation{font-size:1rem}}.logo-family{gap:var(--motif-space-source-700);display:grid}.logo-family-intro{max-width:860px;font-family:var(--motif-font-family-editorial);margin:0;font-size:clamp(1.5rem,2.8vw,2.35rem);line-height:1.16}.logo-family-choice{background:var(--guide-border-strong);grid-template-columns:repeat(4,1fr);gap:1px;margin:0;padding:1px;list-style-position:inside;display:grid}.logo-family-choice li{padding:var(--motif-space-source-400);background:var(--motif-color-text-inverse);font-size:.92rem}.logo-family-choice strong,.logo-family-choice span{display:block}.logo-family-choice span{margin-top:var(--motif-space-source-200);color:var(--guide-muted)}.logo-family-grid{gap:var(--motif-space-source-300);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.logo-family-card{align-content:start;gap:var(--motif-space-source-400);border:1px solid var(--guide-border-strong);background:var(--motif-color-text-inverse);padding:clamp(20px,3vw,34px);display:grid}.logo-family-card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.logo-family-card-head p,.logo-family-compact>div:first-child>p,.logo-family-misuses>div:first-child>p{letter-spacing:.1em;text-transform:uppercase;margin:0 0 6px;font-size:.7rem;font-weight:800}.logo-family-card-head h3,.logo-family-compact h3,.logo-family-misuses h3{font-family:var(--motif-font-family-editorial);margin:0;font-size:clamp(1.8rem,2.5vw,2.5rem);font-weight:400;line-height:.98}.logo-family-card>p,.logo-family-compact p,.logo-family-misuse p{margin:0}.logo-family-main-specimen{background:var(--motif-color-source-white);place-items:center;min-height:190px;padding:28px;display:grid}.logo-family-main-specimen img{max-width:100%;max-height:120px;display:block}.logo-family-meta{padding-top:var(--motif-space-source-300);border-top:1px solid var(--guide-border-subtle);gap:10px;margin:0;font-size:.8rem;display:grid}.logo-family-meta>div{grid-template-columns:86px minmax(0,1fr);gap:10px;display:grid}.logo-family-meta dt{font-weight:800}.logo-family-meta dd{overflow-wrap:anywhere;margin:0}.logo-family-meta a{color:inherit;text-underline-offset:3px}.logo-family-treatments{background:var(--guide-border-subtle);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.logo-family-treatment{background:var(--motif-color-text-inverse);letter-spacing:.07em;text-transform:uppercase;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:14px;min-height:132px;padding:12px;font-size:.7rem;font-weight:800;display:flex}.logo-family-treatment img{max-width:100%;max-height:48px;display:block}.logo-family-treatment a{color:inherit;letter-spacing:0;text-transform:none;text-underline-offset:3px;font-size:.68rem}.logo-family-treatment--white{background:var(--motif-color-source-white)}.logo-family-treatment--parchment{background:var(--motif-color-surface-ground)}.logo-family-treatment--dark{background:var(--motif-color-text-primary);color:var(--motif-color-text-inverse)}.logo-family-treatment strong{text-transform:none;font-size:.72rem;line-height:1.3}.logo-family-actual-size{align-items:end;gap:var(--motif-space-source-300);padding-top:var(--motif-space-source-300);border-top:1px solid var(--guide-border-subtle);display:flex}.logo-family-actual-size figure{justify-items:center;gap:7px;margin:0;display:grid}.logo-family-actual-size img{object-fit:contain;display:block}.logo-family-actual-size figcaption,.logo-family-wordmark-size span,.logo-family-signature-size span{font-size:.72rem;font-weight:800}.logo-family-wordmark-size,.logo-family-signature-size{padding-top:var(--motif-space-source-300);border-top:1px solid var(--guide-border-subtle);justify-items:start;gap:12px;display:grid}.logo-family-wordmark-size img{width:160px;max-width:100%}.logo-family-signature-size img{width:120px;height:auto}.logo-family-compact{gap:var(--motif-space-source-500);background:var(--motif-color-surface-ground);border:1px solid var(--guide-border-subtle);grid-template-columns:minmax(0,.7fr) minmax(300px,.55fr);padding:clamp(24px,4vw,52px);display:grid}.logo-family-compact-stage{background:var(--motif-color-text-inverse);place-items:center;gap:20px;padding:28px;display:grid}.logo-family-compact-stage img{width:min(250px,100%);max-height:180px;display:block}.logo-family-compact-stage a{color:inherit;text-underline-offset:3px;font-size:.85rem;font-weight:800}.logo-family-compact .logo-family-meta{padding-top:var(--motif-space-source-400);grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.logo-family-compact .logo-family-meta>div{display:block}.logo-family-compact .logo-family-meta dd{margin-top:4px}.logo-family-rules{gap:var(--motif-space-source-300);grid-template-columns:repeat(3,1fr);display:grid}.logo-family-rules p{padding:var(--motif-space-source-400);border-top:2px solid var(--motif-color-source-coral);background:var(--motif-color-text-inverse);gap:8px;margin:0;display:grid}.logo-family-rules span{color:var(--guide-muted)}.logo-family-misuses{gap:var(--motif-space-source-500);padding-top:var(--motif-space-source-700);border-top:1px solid var(--guide-border-strong);display:grid}.logo-family-misuse-grid{gap:var(--motif-space-source-300);grid-template-columns:repeat(3,1fr);display:grid}.logo-family-misuse{padding:var(--motif-space-source-300);border:1px solid var(--guide-border-subtle);background:var(--motif-color-text-inverse)}.logo-family-misuse-stage{background:var(--motif-color-surface-ground);place-items:center;height:110px;display:grid;position:relative;overflow:hidden}.logo-family-misuse-stage img{width:76%;max-height:70px;display:block}.logo-family-misuse h4{margin:16px 0 6px;font-size:1rem}.logo-family-misuse p{font-size:.86rem;line-height:1.35}.logo-family-misuse--stretch img{transform:scaleX(1.35)}.logo-family-misuse--rotate img{transform:rotate(-22deg)}.logo-family-misuse--busy{background:repeating-linear-gradient(135deg,var(--motif-color-source-lilac) 0 12px,var(--motif-color-source-coral) 12px 24px)}.logo-family-misuse--recolor img{filter:hue-rotate(135deg)saturate(1.5)}.logo-family-misuse--live-type:after{content:"MOTIF";background:var(--motif-color-surface-ground);letter-spacing:.18em;place-items:center;font-size:2rem;font-weight:700;display:grid;position:absolute;inset:0}.logo-family-misuse--live-type img{opacity:.12}.logo-family-misuse--overlap:after{content:"";background:var(--motif-color-source-coral);border-radius:50%;height:16px;position:absolute;top:48%;left:-10%;right:-10%;transform:rotate(-8deg)}@media (max-width:1000px){.logo-family-choice,.logo-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-family-card:last-child{grid-column:1/-1}.logo-family-misuse-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.logo-family-choice,.logo-family-grid,.logo-family-compact,.logo-family-rules,.logo-family-misuse-grid{grid-template-columns:1fr}.logo-family-card:last-child{grid-column:auto}.logo-family-card-head{flex-direction:column}.logo-family-compact .logo-family-meta,.logo-family-treatments{grid-template-columns:1fr}.logo-family-treatment{min-height:100px}.logo-family-treatment img{max-height:42px}}@media (forced-colors:active){.logo-family-treatment--dark{background:var(--motif-color-text-primary);color:var(--motif-color-text-inverse);border:1px solid var(--motif-color-text-inverse);forced-color-adjust:none}}.guide{--guide-space-6:6px;--guide-border-hairline:1px;--guide-border-emphasis:2px;--guide-error-border:3px;--guide-control-min:44px;--guide-control-min-roomy:var(--motif-space-source-700);--guide-inset-compact:10px;--guide-inset-balanced:14px;--guide-space-18:18px;--guide-space-20:20px;--guide-space-22:22px;--guide-label-xs:.7rem;--guide-label-sm:.78rem;--guide-body-sm:.82rem;--guide-preview-min:230px;--guide-nav-group-gap:var(--motif-space-source-500)}.guide-skip-link{left:var(--motif-space-source-300);top:var(--motif-space-source-300);z-index:20;padding:var(--motif-space-source-300);background:var(--motif-color-text-primary);color:var(--motif-color-text-inverse);position:absolute;transform:translateY(-180%)}.guide-skip-link:focus{transform:none}.guide-content:focus{outline:none}.guide-nav-group{margin-bottom:var(--guide-nav-group-gap);gap:0;display:grid}.guide-nav-group>strong{letter-spacing:.1em;text-transform:uppercase;font-size:.7rem}.guide-quick-routes{gap:var(--motif-space-source-200);margin:0 0 var(--motif-space-source-600);padding:var(--motif-space-source-400);background:var(--motif-color-text-inverse);flex-wrap:wrap;display:flex}.guide-quick-routes strong{flex-basis:100%}.guide-quick-routes a{color:inherit;font-weight:800}.logo-family-statuses{justify-items:end;gap:var(--motif-space-source-100);display:grid}.guide-asset-status{letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:800}.logo-family-availability{font-size:.85rem;font-weight:700}.logo-family-production,.logo-family-misuses{border-block:1px solid var(--guide-border-strong)}.logo-family-production>summary,.logo-family-misuses>summary{min-height:var(--guide-control-min-roomy);padding:var(--motif-space-source-300) 0;cursor:pointer;font-weight:800}.logo-family-production[open]>summary,.logo-family-misuses[open]>summary{margin-bottom:var(--motif-space-source-300)}.logo-family-rules a{color:inherit}@media (max-width:1000px){.guide-nav-group{align-items:center;gap:var(--motif-space-source-300);margin:0;display:flex}.guide-nav-group>strong{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.guide-nav{align-items:center}}@media (max-width:700px){.logo-family-statuses{justify-items:start}}.swatches,.logo-family-grid,.logo-family-card,.logo-family-card>*{min-width:0}.swatches{grid-template-columns:repeat(3,minmax(0,1fr))}.swatches :is(code,h3,span),.logo-family-card :is(code,a,dd,p,span){overflow-wrap:anywhere;word-break:normal}@media (max-width:1200px){.swatches,.logo-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-family-card:last-child{grid-column:1/-1}}@media (max-width:700px){.logo-family-grid{grid-template-columns:minmax(0,1fr)}.logo-family-card:last-child{grid-column:auto}}@media (max-width:520px){.swatches{grid-template-columns:minmax(0,1fr)}}.guide{--guide-hover-rise:translateY(-2px);--guide-hover-duration:var(--motif-motion-duration-feedback);--guide-hover-ease:var(--motif-motion-ease-functional);--guide-hover-wash:color-mix(in srgb,var(--motif-color-source-lilac) 36%,transparent);--guide-hover-edge:var(--motif-color-source-coral)}.guide-nav a,.guide-quick-routes a,.download-row a,.resource-grid a,.logo-family a,.guide summary{transition:color var(--guide-hover-duration) var(--guide-hover-ease), background-color var(--guide-hover-duration) var(--guide-hover-ease), border-color var(--guide-hover-duration) var(--guide-hover-ease), box-shadow var(--guide-hover-duration) var(--guide-hover-ease), transform var(--guide-hover-duration) var(--guide-hover-ease), text-decoration-color var(--guide-hover-duration) var(--guide-hover-ease)}.guide-nav a,.guide-quick-routes a,.resource-grid a,.logo-family a{-webkit-text-decoration-color:color-mix(in srgb,var(--guide-hover-edge) 0%,transparent);text-decoration-color:color-mix(in srgb,var(--guide-hover-edge) 0%,transparent);text-underline-offset:var(--motif-space-source-100);text-decoration-thickness:2px}.guide summary{border-radius:var(--guide-radius-control)}.guide-photo-grid figure img{transition:transform var(--motif-motion-duration-editorial) var(--motif-motion-ease-editorial), filter var(--motif-motion-duration-functional) var(--guide-hover-ease)}.trait-grid article,.profile-grid article,.access-grid article,.surface-list article,.token-layers article,.component-inventory article,.content-rules article,.resource-grid article,.logo-family-card{transition:transform var(--guide-hover-duration) var(--guide-hover-ease), box-shadow var(--guide-hover-duration) var(--guide-hover-ease), border-color var(--guide-hover-duration) var(--guide-hover-ease)}@media (hover:hover) and (pointer:fine){.guide-nav a:hover,.guide-quick-routes a:hover,.resource-grid a:hover,.logo-family a:hover{color:var(--motif-color-action-primary);-webkit-text-decoration-color:var(--guide-hover-edge);text-decoration-color:var(--guide-hover-edge)}.guide-nav a:hover{background:linear-gradient(90deg,var(--guide-hover-wash),transparent 82%);box-shadow:inset var(--motif-space-source-100) 0 0 var(--guide-hover-edge);padding-inline-start:var(--motif-space-source-100);text-decoration:none}.download-row a:hover{transform:var(--guide-hover-rise);border-color:var(--guide-hover-edge);background:var(--motif-color-text-primary);color:var(--motif-color-text-inverse);box-shadow:0 var(--motif-space-source-100) 0 var(--guide-hover-edge)}.guide summary:hover{background:var(--guide-hover-wash);box-shadow:inset var(--motif-space-source-100) 0 0 var(--guide-hover-edge)}.guide-photo-grid figure:hover img{filter:saturate(1.06)contrast(1.02);transform:scale(1.025)translateY(-1%)}.trait-grid article:hover,.profile-grid article:hover,.access-grid article:hover,.surface-list article:hover,.token-layers article:hover,.component-inventory article:hover,.content-rules article:hover,.resource-grid article:hover,.logo-family-card:hover{transform:var(--guide-hover-rise);border-color:var(--guide-hover-edge);box-shadow:inset var(--motif-space-source-100) 0 0 var(--guide-hover-edge)}}@media (prefers-reduced-motion:reduce){.guide :is(a,button,summary,article,figure,img){transition:none!important}.guide :is(a,button,summary,article,figure,img):hover{transform:none!important}}@media (forced-colors:active){.guide :is(a,button,summary):hover{outline-offset:2px;outline:2px solid highlight}}.guide-section-head{grid-template-areas:"number eyebrow content"}.guide-section-head>span{grid-area:number}.guide-section-head>p{grid-area:eyebrow}.guide-section-head>div{grid-area:content;min-width:0}.guide-quick-routes{gap:var(--motif-space-source-300);background:0 0;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;display:grid}.guide-quick-routes strong{padding-bottom:var(--motif-space-source-200);border-bottom:var(--guide-border-hairline) solid var(--guide-border-strong);grid-column:1/-1}.guide-quick-routes a{min-height:var(--guide-control-min-roomy);padding:var(--motif-space-source-300);justify-content:space-between;align-items:center;gap:var(--motif-space-source-300);border-top:var(--guide-border-emphasis) solid var(--motif-color-source-coral);background:var(--motif-color-text-inverse);text-decoration:none;display:flex}.guide-quick-routes a:after{content:"→";color:var(--motif-color-source-coral);flex:none;font-size:1.15em}@media (max-width:1000px){.guide-nav{scroll-snap-type:x proximity;scroll-padding-inline:var(--motif-space-source-500)}.guide-nav a{padding-inline:var(--motif-space-source-300);border-inline-end:var(--guide-border-hairline) solid var(--guide-border-subtle);scroll-snap-align:start;white-space:nowrap}.guide-section-head{grid-template-columns:40px minmax(0,1fr);grid-template-areas:"number eyebrow""content content"}.guide-section-head h2{grid-column:auto}.guide-quick-routes{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.guide-section{padding-inline:clamp(var(--motif-space-source-400),6vw,var(--motif-space-source-500))}.guide-section-head{column-gap:var(--motif-space-source-300);row-gap:var(--motif-space-source-400);grid-template-columns:max-content minmax(0,1fr);grid-template-areas:"number eyebrow""content content"}.guide-section-head h2{overflow-wrap:normal;word-break:normal;max-width:12ch;font-size:clamp(2.75rem,13vw,4rem)}.guide-section-title-row{gap:var(--motif-space-source-300)}.guide-section-orientation{max-width:65ch}}@media (max-width:520px){.guide-quick-routes{grid-template-columns:minmax(0,1fr)}}