@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&display=swap";:root{--sg-aubergine:#30103f;--sg-parchment:#f5ead8;--sg-white:#fff;--sg-lilac:#c8a1e2;--sg-coral:#ff6248;--sg-ink:#18131b;--sg-line:color-mix(in srgb,var(--sg-aubergine) 24%,transparent);--sg-max:1440px;--sg-header:124px}*{box-sizing:border-box}.system-guide{background:var(--sg-parchment);min-height:100vh;color:var(--sg-aubergine);font-family:Figtree,Arial,sans-serif}.system-guide a{color:inherit}.system-guide-skip{z-index:200;background:var(--sg-aubergine);color:var(--sg-white);padding:12px 16px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.system-guide-skip:focus{transform:none}.system-guide-header{z-index:100;background:color-mix(in srgb,var(--sg-parchment) 93%,transparent);border-bottom:1px solid var(--sg-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.system-guide-header-row,.system-guide-utility{width:min(100%,var(--sg-max));margin:auto;padding-inline:clamp(18px,4vw,64px)}.system-guide-header-row{grid-template-columns:180px 1fr auto;align-items:center;gap:24px;min-height:76px;display:grid}.system-guide-brand{align-items:center;min-height:44px;display:flex}.system-guide-brand img{width:142px;height:auto}.system-guide-primary{justify-content:center;gap:clamp(4px,1vw,16px);display:flex}.system-guide-primary a,.system-guide-utility a{align-items:center;min-height:44px;padding:8px 12px;font-weight:750;text-decoration:none;display:flex;position:relative}.system-guide-primary a:after,.system-guide-utility a:after{content:"";background:var(--sg-coral);transform-origin:0;height:3px;transition:transform .18s;position:absolute;bottom:5px;left:12px;right:12px;transform:scaleX(0)}.system-guide-primary a:hover:after,.system-guide-primary a[aria-current=page]:after,.system-guide-utility a:hover:after,.system-guide-utility a[aria-current=page]:after{transform:scaleX(1)}.system-guide-primary a:focus-visible:after{transform:scaleX(1)}.system-guide-utility a:focus-visible:after{transform:scaleX(1)}.system-guide-primary a[aria-current=page],.system-guide-utility a[aria-current=page]{font-weight:850}.system-guide-utility{border-top:1px solid var(--sg-line);letter-spacing:.07em;text-transform:uppercase;justify-content:space-between;align-items:center;min-height:48px;font-size:.78rem;display:flex}.system-guide-utility nav{gap:8px;display:flex}.guide-search-trigger{border:1px solid var(--sg-aubergine);min-height:44px;color:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:9px;padding:8px 12px;font:700 .9rem Figtree,Arial,sans-serif;display:flex}.guide-search-trigger:hover{background:var(--sg-aubergine);color:var(--sg-white)}.guide-search-trigger kbd{border:1px solid;border-radius:5px;padding:3px 6px;font:600 .68rem Figtree,Arial,sans-serif}.system-guide :focus-visible{outline:3px solid var(--sg-coral);outline-offset:3px}.system-guide-hero{width:min(100%,var(--sg-max));border-bottom:1px solid var(--sg-line);margin:auto;padding:clamp(54px,8vw,112px) clamp(18px,4vw,64px) clamp(48px,7vw,92px)}.system-guide-hero>p{text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;font-weight:800}.system-guide-hero h1{letter-spacing:-.055em;max-width:12ch;margin:22px 0;font:400 clamp(3.1rem,7.2vw,7.2rem)/.9 Georgia,serif}.system-guide-hero>div{grid-template-columns:minmax(0,680px) auto;justify-content:space-between;align-items:end;gap:24px;display:grid}.system-guide-hero>div p{margin:0;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.45}.system-guide-hero>div span{text-transform:uppercase;letter-spacing:.08em;font-size:.78rem;font-weight:750}.system-guide-layout{width:min(100%,var(--sg-max));grid-template-columns:240px minmax(0,1fr);gap:clamp(28px,5vw,88px);margin:auto;padding:0 clamp(18px,4vw,64px);display:grid}.system-guide-local{top:calc(var(--sg-header) + 28px);max-height:calc(100vh - var(--sg-header) - 56px);align-self:start;padding:52px 0;position:sticky;overflow:auto}.system-guide-local p{letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;font-weight:800}.system-guide-local a{border-bottom:1px solid var(--sg-line);grid-template-columns:30px 1fr;align-items:center;gap:8px;min-height:44px;font-weight:650;text-decoration:none;display:grid}.system-guide-local a span{color:color-mix(in srgb,var(--sg-aubergine) 65%,transparent);font-size:.68rem}:is(.system-guide-local a:hover,.system-guide-local a:focus-visible){background:linear-gradient(90deg,color-mix(in srgb,var(--sg-lilac) 45%,transparent),transparent);padding-left:8px}.system-guide-content{min-width:0}.system-guide-content:focus{outline:none}.system-guide-footer{width:min(100%,var(--sg-max));border-top:1px solid var(--sg-line);justify-content:space-between;gap:24px;margin:auto;padding:52px clamp(18px,4vw,64px);font-weight:700;display:flex}.guide-search-open{overflow:hidden}.guide-search-layer{z-index:300;background:color-mix(in srgb,var(--sg-aubergine) 76%,transparent);place-items:start center;padding:clamp(16px,8vh,84px) 16px;display:grid;position:fixed;inset:0;overflow:auto}.guide-search-dialog{background:var(--sg-parchment);border-radius:28px;flex-direction:column;width:min(760px,100%);max-height:min(780px,88vh);padding:clamp(18px,4vw,38px);display:flex;box-shadow:0 28px 90px #17051f66}.guide-search-head{justify-content:space-between;gap:20px;display:flex}.guide-search-head p{text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:.72rem;font-weight:800}.guide-search-head h2{margin:6px 0 20px;font:400 clamp(2rem,6vw,3.6rem)/1 Georgia,serif}.guide-search-head button{border:1px solid var(--sg-aubergine);min-width:64px;min-height:44px;color:inherit;background:0 0;border-radius:999px;align-self:start;font-weight:750}.guide-search-field input{border:2px solid var(--sg-aubergine);background:var(--sg-white);width:100%;min-height:56px;color:var(--sg-aubergine);border-radius:12px;padding:12px 16px;font:600 1rem Figtree,Arial,sans-serif}.guide-search-count{margin:14px 0 8px;font-size:.8rem;font-weight:750}.guide-search-results{border-top:1px solid var(--sg-line);overflow:auto}.guide-search-results>a{border-bottom:1px solid var(--sg-line);gap:4px;padding:16px 48px 16px 8px;text-decoration:none;display:grid;position:relative}:is(.guide-search-results>a:hover,.guide-search-results>a:focus-visible){background:var(--sg-white)}.guide-search-results>a span{text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;font-weight:800}.guide-search-results>a strong{font-size:1.05rem}.guide-search-results>a p{margin:0;line-height:1.4}.guide-search-results>a i{font-size:1.4rem;font-style:normal;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.guide-search-empty{padding:32px 8px}.sr-only{clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (max-width:980px){:root{--sg-header:168px}.system-guide-header-row{grid-template-columns:1fr auto}.system-guide-primary{grid-area:2/1/auto/-1;justify-content:flex-start;overflow-x:auto}.system-guide-layout{grid-template-columns:1fr}.system-guide-local{top:var(--sg-header);z-index:20;background:var(--sg-parchment);border-bottom:1px solid var(--sg-line);gap:0;max-height:none;margin-inline:calc(-1*clamp(18px,4vw,64px));padding:0 clamp(18px,4vw,64px);display:flex;position:sticky;overflow-x:auto}.system-guide-local p{width:1px;height:1px;position:absolute;overflow:hidden}.system-guide-local a{border-bottom:0;border-right:1px solid var(--sg-line);white-space:nowrap;flex:none;padding:0 14px;display:flex}.system-guide-local a span{display:none}:is(.system-guide-local a:hover,.system-guide-local a:focus-visible){padding-left:14px}.system-guide-hero>div{grid-template-columns:1fr}.system-guide-hero>div span{justify-self:start}}@media (max-width:760px){:root{--sg-header:160px}.system-guide-header-row{gap:8px;min-height:66px;padding-inline:16px}.system-guide-brand img{width:112px}.system-guide-primary{gap:0}.system-guide-primary a{padding-inline:10px}.system-guide-utility{padding-inline:16px}.system-guide-utility>span{display:none}.system-guide-utility nav{justify-content:flex-end;width:100%}.guide-search-trigger{justify-content:center;width:44px;padding:0}.guide-search-trigger span:nth-child(2),.guide-search-trigger kbd{display:none}.system-guide-hero{padding-inline:20px}.system-guide-hero h1{font-size:clamp(2.8rem,15vw,4.8rem)}.system-guide-layout{padding-inline:20px}.system-guide-local{margin-inline:-20px;padding-inline:20px}.system-guide-footer{flex-direction:column;padding-inline:20px}.guide-search-dialog{border-radius:18px}.guide-search-head h2{font-size:2.25rem}}@media (prefers-reduced-motion:reduce){.system-guide *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (forced-colors:active){.system-guide-header,.system-guide-local,.guide-search-dialog{background:canvas}.system-guide-primary a[aria-current=page],.system-guide-utility a[aria-current=page]{outline:2px solid highlight}.guide-search-trigger:hover{color:highlighttext;background:highlight}}.system-guide-navigation{justify-content:center;display:flex}.system-guide-menu-toggle,.system-guide-mobile-utilities{display:none}.guide-search-filters{gap:7px;padding:12px 0;display:flex;overflow-x:auto}.guide-search-filters button{border:1px solid var(--sg-line);min-height:36px;color:inherit;background:0 0;border-radius:999px;flex:none;padding:6px 11px;font:700 .78rem Figtree,Arial,sans-serif}.guide-search-filters button[aria-pressed=true]{border-color:var(--sg-aubergine);background:var(--sg-aubergine);color:var(--sg-white)}@media (max-width:760px){:root{--sg-header:67px}.system-guide-header-row{grid-template-columns:1fr auto auto;min-height:66px}.system-guide-navigation{grid-area:auto;justify-content:flex-end}.system-guide-menu-toggle{border:1px solid var(--sg-aubergine);min-height:44px;color:inherit;background:0 0;border-radius:999px;align-items:center;gap:7px;padding:8px 11px;font:750 .86rem Figtree,Arial,sans-serif;display:flex}.system-guide-primary{background:var(--sg-parchment);border:1px solid var(--sg-aubergine);border-radius:18px;grid-area:auto;padding:12px;display:none;position:absolute;top:60px;left:12px;right:12px;overflow:visible;box-shadow:0 18px 50px #30103f33}.system-guide-primary[data-open=true]{display:grid}.system-guide-primary>a,.system-guide-mobile-utilities>a{border-bottom:1px solid var(--sg-line);min-height:48px;padding:10px 12px}.system-guide-mobile-utilities{border-top:2px solid var(--sg-aubergine);margin-top:8px;padding-top:8px;display:grid}.system-guide-utility{display:none}.system-guide-local{top:var(--sg-header)}.guide-search-filters{margin-inline:-4px}}.system-guide-mobile-page,.system-guide-mobile-local,.system-guide-menu-head,.system-guide-menu-sections{display:none}.system-guide-destination{display:flex}.system-guide-destination>a{gap:8px}.system-guide-destination>a>span{display:none}@media (min-width:981px){.system-guide-header-row{grid-template-columns:150px minmax(0,1fr) auto}.system-guide-primary{gap:2px}.system-guide-primary a{padding-inline:10px;font-size:.9rem}}@media (max-width:760px){.guide-menu-open{overflow:hidden}.system-guide-header-row{grid-template-columns:auto minmax(0,1fr) auto auto;grid-template-areas:"brand page search menu"}.system-guide-brand{grid-area:brand}.system-guide-mobile-page{grid-area:page}.guide-search-trigger{grid-area:search}.system-guide-navigation{grid-area:menu}.system-guide-brand img{width:86px}.system-guide-mobile-page{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.06em;text-transform:uppercase;min-width:0;font-size:.78rem;font-weight:800;display:block;overflow:hidden}.system-guide-menu-toggle span:last-child{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.system-guide-menu-toggle{justify-content:center;width:44px;padding:0}.system-guide-primary{inset:var(--sg-header) 0 0;height:calc(100dvh - var(--sg-header));background:var(--sg-parchment);border:0;border-top:1px solid var(--sg-line);box-shadow:none;border-radius:0;padding:20px;display:none;position:fixed;overflow:auto}.system-guide-primary[data-open=true]{display:block}.system-guide-menu-head{border-bottom:2px solid var(--sg-aubergine);justify-content:space-between;align-items:center;gap:16px;padding:4px 0 20px;display:flex}.system-guide-menu-head>span{text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;font-weight:850}.system-guide-menu-head button{border:1px solid var(--sg-aubergine);background:var(--sg-aubergine);min-height:44px;color:var(--sg-white);border-radius:999px;padding:8px 14px;font-weight:800}.system-guide-destination{border-bottom:1px solid var(--sg-line);display:block}.system-guide-destination>a{justify-content:space-between;min-height:58px;padding:12px 4px;font-size:1.15rem;display:flex}.system-guide-destination>a>span{letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--sg-aubergine) 65%,transparent);font-size:.68rem;display:inline}.system-guide-destination>a[aria-current=page]{font-weight:850}.system-guide-menu-sections{border-left:3px solid var(--sg-coral);grid-template-columns:1fr 1fr;gap:2px 12px;padding:0 0 16px 14px;display:grid}.system-guide-menu-sections a{min-height:44px;padding:9px 4px;font-size:.86rem;text-decoration:none}.system-guide-utility{display:none}.system-guide-mobile-local{padding:14px 20px 0;display:block}.system-guide-mobile-local details{border:1px solid var(--sg-line);background:var(--sg-white);border-radius:14px}.system-guide-mobile-local summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:48px;padding:10px 14px;font-weight:800;display:flex}.system-guide-mobile-local summary:after{content:"+";font-size:1.2rem}.system-guide-mobile-local details[open] summary:after{content:"−"}.system-guide-mobile-local details>div{padding:0 14px 12px;display:grid}.system-guide-mobile-local a{border-top:1px solid var(--sg-line);align-items:center;min-height:44px;font-weight:650;text-decoration:none;display:flex}.system-guide-local{display:none}.system-guide-layout{display:block}.system-guide-hero{padding-bottom:38px}}@media (max-width:420px){.system-guide-menu-sections{grid-template-columns:1fr}}.system-guide-section{scroll-margin-top:calc(var(--sg-header) + 52px);border-bottom:1px solid var(--sg-line);padding:clamp(58px,8vw,112px) 0}.system-guide-section>header{grid-template-columns:52px minmax(0,1fr);gap:20px;margin-bottom:clamp(28px,5vw,64px);display:grid}.system-guide-section>header>span{letter-spacing:.08em;font-size:.72rem;font-weight:800}.system-guide-section>header p{text-transform:uppercase;letter-spacing:.1em;margin:0 0 10px;font-size:.74rem;font-weight:800}.system-guide-section>header h2{letter-spacing:-.04em;max-width:16ch;margin:0;font:400 clamp(2.3rem,5vw,5.2rem)/.98 Georgia,serif}.system-guide-section-body{gap:28px;padding-left:72px;display:grid}.system-guide-section-body>p{max-width:70ch;margin:0;font-size:1.05rem;line-height:1.65}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.system-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.system-card{border:1px solid var(--sg-line);border-top:4px solid var(--sg-coral);background:var(--sg-white);border-radius:16px;min-width:0;padding:24px;transition:transform .18s,box-shadow .18s}.system-card:hover,.system-card:focus-within{box-shadow:0 10px 0 color-mix(in srgb,var(--sg-lilac) 55%,transparent);transform:translateY(-3px)}.system-card h3{margin:8px 0;font-size:1.2rem}.system-card p{margin:0;line-height:1.5}.system-card small,.system-eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:.7rem;font-weight:800}.system-do-dont{grid-template-columns:1fr 1fr;gap:16px;display:grid}.system-do-dont article{background:var(--sg-white);border:1px solid var(--sg-line);border-radius:16px;padding:24px}.system-do-dont article:first-child{border-top:6px solid var(--sg-lilac)}.system-do-dont article:last-child{border-top:6px solid var(--sg-coral)}.system-do-dont span{text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;font-weight:850}.system-do-dont p{font-size:1.05rem;line-height:1.55}.system-status{text-transform:uppercase;letter-spacing:.07em;border:1px solid;border-radius:999px;align-items:center;min-height:28px;padding:4px 9px;font-size:.67rem;font-weight:850;display:inline-flex}.system-status--approved{background:var(--sg-aubergine);color:var(--sg-white)}.system-status--candidate{background:var(--sg-lilac)}.system-status--draft{background:0 0}.system-color-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.system-color-row>div{overflow-wrap:anywhere;border-radius:18px;flex-direction:column;justify-content:flex-end;min-height:150px;padding:16px;display:flex}.system-type-pair{grid-template-columns:1fr 1fr;gap:16px;display:grid}.system-type-pair>div{border:1px solid var(--sg-line);background:var(--sg-white);border-radius:18px;min-height:230px;padding:24px}.system-type-pair strong{font-size:clamp(2.8rem,6vw,5.8rem);line-height:.95;display:block}.system-type-pair .serif strong{font-family:Georgia,serif;font-weight:400}.system-photo-grid{grid-template-columns:1.2fr .8fr;gap:16px;display:grid}.system-photo-grid figure{min-width:0;margin:0}.system-photo-grid img{object-fit:cover;border-radius:20%;width:100%;height:420px;display:block}.system-photo-grid figure:last-child img{height:100%}.system-photo-grid figcaption{padding:12px 4px;line-height:1.4}.system-demo{background:var(--sg-aubergine);color:var(--sg-white);border-radius:20px;padding:clamp(18px,4vw,36px)}.system-list{border-top:1px solid var(--sg-line);gap:0;margin:0;padding:0;list-style:none;display:grid}.system-list li{border-bottom:1px solid var(--sg-line);grid-template-columns:minmax(150px,.45fr) 1fr;gap:24px;padding:18px 0;line-height:1.5;display:grid}.system-downloads{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.system-downloads a{border:1px solid var(--sg-line);background:var(--sg-white);border-radius:16px;flex-direction:column;justify-content:space-between;min-height:120px;padding:20px;text-decoration:none;display:flex}:is(.system-downloads a:hover,.system-downloads a:focus-visible){border-color:var(--sg-coral);box-shadow:inset 6px 0 var(--sg-coral)}@media (max-width:760px){.system-guide-section{scroll-margin-top:calc(var(--sg-header) + 48px);padding-block:54px}.system-guide-section>header{grid-template-columns:36px minmax(0,1fr);gap:10px}.system-guide-section>header h2{font-size:clamp(2.15rem,11vw,3.6rem)}.system-guide-section-body{padding-left:0}.system-grid,.system-grid--three,.system-do-dont,.system-type-pair,.system-photo-grid,.system-downloads{grid-template-columns:1fr}.system-color-row{grid-template-columns:1fr 1fr}.system-color-row>div{min-height:120px}.system-photo-grid img,.system-photo-grid figure:last-child img{height:340px}.system-list li{grid-template-columns:1fr;gap:5px}}@media (max-width:380px){.system-color-row{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.system-card{transition:none}.system-card:hover{transform:none}}.system-guide-section-body .logo-family-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.system-guide-section-body .logo-family-card:last-child{grid-column:1/-1}.system-guide-section-body .logo-family-card-head>div:first-child{min-width:0}.system-guide-section-body .logo-family-statuses{max-width:100%}@media (max-width:760px){.system-guide-section-body .logo-family-grid{grid-template-columns:minmax(0,1fr)}.system-guide-section-body .logo-family-card:last-child{grid-column:auto}}